chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: project structure (1)

Browse source
This commit is contained in:
Methapon Metanipat 2024-10-30 09:34:46 +07:00
parent 725edad3e1
commit 7ea8a618fa
12 changed files with 23 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/components/ButtonAddCompoent.vue
View file

@ -1,50 +0,0 @@
<script setup lang="ts">
defineProps<{
hideIcon?: boolean;
}>();
</script>
<template>
<q-page-sticky position="bottom-right" :offset="[8, 8]">
<q-fab
v-if="!hideIcon"
id="btn-add"
padding="sm"
icon="mdi-plus"
direction="up"
class="color-btn"
>
<slot>
<q-fab-action
padding="xs"
color="primary"
icon="mdi-account-plus"
v-if="!hideIcon"
/>
</slot>
</q-fab>
<q-btn
v-else
fab
id="btn-add"
padding="sm"
icon="mdi-plus"
direction="up"
class="color-btn"
/>
</q-page-sticky>
</template>
<style scoped>
.color-btn {
color: white;
background: hsla(var(--blue-10-hsl) / 0.5);
transition: background 0.3s ease-in-out;
}
:deep(:where(.q-hoverable:hover, .q-fab--opened)) {
transition: background 0.3s ease-in-out;
background: hsla(var(--blue-10-hsl) / 1) !important;
}
</style>