Use all Buttons with props instead of class
parent
a34b3b4c0f
commit
aeb3ba359f
|
@ -7,8 +7,8 @@
|
||||||
<div class="bg-gray-900 text-white border-round p-3">
|
<div class="bg-gray-900 text-white border-round p-3">
|
||||||
<span>{{ message.message }}</span>
|
<span>{{ message.message }}</span>
|
||||||
<div class="flex align-items-center gap-2 mt-3">
|
<div class="flex align-items-center gap-2 mt-3">
|
||||||
<Button label="Save" @click="acceptCallback" class="p-button-sm p-button-outlined"></Button>
|
<Button label="Save" @click="acceptCallback" size="small" outlined></Button>
|
||||||
<Button label="Cancel" outlined @click="rejectCallback" class="p-button-sm p-button-text"></Button>
|
<Button label="Cancel" outlined @click="rejectCallback" size="small" text></Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -30,8 +30,8 @@ export default {
|
||||||
<div class="bg-gray-900 text-white border-round p-3">
|
<div class="bg-gray-900 text-white border-round p-3">
|
||||||
<span>{{ message.message }}</span>
|
<span>{{ message.message }}</span>
|
||||||
<div class="flex align-items-center gap-2 mt-3">
|
<div class="flex align-items-center gap-2 mt-3">
|
||||||
<Button label="Save" @click="acceptCallback" class="p-button-sm p-button-outlined"></Button>
|
<Button label="Save" @click="acceptCallback" size="small" outlined></Button>
|
||||||
<Button label="Cancel" outlined @click="rejectCallback" class="p-button-sm p-button-text"></Button>
|
<Button label="Cancel" outlined @click="rejectCallback" size="small" text></Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -46,8 +46,8 @@ export default {
|
||||||
<div class="bg-gray-900 text-white border-round p-3">
|
<div class="bg-gray-900 text-white border-round p-3">
|
||||||
<span>{{ message.message }}</span>
|
<span>{{ message.message }}</span>
|
||||||
<div class="flex align-items-center gap-2 mt-3">
|
<div class="flex align-items-center gap-2 mt-3">
|
||||||
<Button label="Save" @click="acceptCallback" class="p-button-sm p-button-outlined"></Button>
|
<Button label="Save" @click="acceptCallback" size="small" outlined></Button>
|
||||||
<Button label="Cancel" outlined @click="rejectCallback" class="p-button-sm p-button-text"></Button>
|
<Button label="Cancel" outlined @click="rejectCallback" size="small" text></Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -85,8 +85,8 @@ export default {
|
||||||
<div class="bg-gray-900 text-white border-round p-3">
|
<div class="bg-gray-900 text-white border-round p-3">
|
||||||
<span>{{ message.message }}</span>
|
<span>{{ message.message }}</span>
|
||||||
<div class="flex align-items-center gap-2 mt-3">
|
<div class="flex align-items-center gap-2 mt-3">
|
||||||
<Button label="Save" @click="acceptCallback" class="p-button-sm p-button-outlined"></Button>
|
<Button label="Save" @click="acceptCallback" size="small" outlined></Button>
|
||||||
<Button label="Cancel" outlined @click="rejectCallback" class="p-button-sm p-button-text"></Button>
|
<Button label="Cancel" outlined @click="rejectCallback" size="small" text></Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue