Use all Buttons with props instead of class

pull/4967/head
tugcekucukoglu 2023-12-13 10:38:31 +03:00
parent a34b3b4c0f
commit aeb3ba359f
1 changed files with 8 additions and 8 deletions

View File

@ -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>