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

feat: urgent

Browse source
This commit is contained in:
Methapon2001 2025-01-24 10:17:30 +07:00
parent d222eccfb0
commit 77176ece15
1 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/pages/09_task-order/TableTaskOrder.vue
View file

@ -145,7 +145,7 @@ const emit = defineEmits<{
row: TaskOrder; row: TaskOrder;
} & Omit<Parameters<QTableSlots['body']>[0], 'row'>" } & Omit<Parameters<QTableSlots['body']>[0], 'row'>"
> >
<q-tr class="text-center"> <q-tr class="text-center" :class="{ urgent: props.row.urgent }">
<q-td v-if="selection !== 'none'"> <q-td v-if="selection !== 'none'">
<q-checkbox v-model="props.selected" size="sm" /> <q-checkbox v-model="props.selected" size="sm" />
</q-td> </q-td>
@ -313,4 +313,23 @@ const emit = defineEmits<{
:deep(.q-table tbody td:after) { :deep(.q-table tbody td:after) {
background: transparent; background: transparent;
} }
.q-table tr.urgent {
background: hsla(var(--red-6-hsl) / 0.03);
}
.q-table tr.urgent td:first-child {
&::after {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 15%;
bottom: 15%;
background: var(--red-8);
width: 4px;
border-radius: 99rem;
animation: blink 1s infinite;
}
}
</style> </style>