jhynsoo/enjoytrip_FE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: Fix button style in comment write form

Browse Source
This commit is contained in:
jhynsoo 2024-05-15 19:20:08 +09:00
parent 691ac86d05
commit 296f9e9983
2 changed files with 2 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/article/CommentForm.vue
View File

@ -55,28 +55,4 @@ input {
padding: 12px;
border: 1px solid var(--color-border);
}
@media (hover: hover) and (pointer: fine) {
button:hover {
background-color: var(--color-background-soft);
}
button[type='submit']:hover {
background-color: var(--color-primary-soft);
}
}
button:active {
transform: scale(0.95);
background-color: var(--color-background-soft);
}
button[type='submit'] {
background-color: var(--color-primary);
color: var(--color-background);
}
button[type='submit']:active {
background-color: var(--color-primary-soft);
}
</style>

8
src/components/common/TextButton.vue
View File

@ -1,7 +1,5 @@
<script setup>
import { computed } from 'vue';
const { type, primary, filled } = defineProps({
const { type, primary } = defineProps({
type: {
type: String,
default: 'button',
@ -11,12 +9,10 @@ const { type, primary, filled } = defineProps({
default: false,
},
});
const classes = computed(() => [primary ? 'primary' : '', filled ? 'filled' : '']);
</script>
<template>
<button :type="type" :class="classes">
<button :type="type" :class="primary ? 'primary' : ''">
<slot></slot>
</button>
</template>