|
|
@@ -1,16 +1,17 @@
|
|
|
<template>
|
|
|
<q-card flat class="feriados-card card-ring">
|
|
|
<div class="flex justify-between items-center no-wrap">
|
|
|
- <span class="text-subtitle2 text-weight-regular">Feriados do Mês</span>
|
|
|
- <q-btn
|
|
|
- flat
|
|
|
- round
|
|
|
- icon="mdi-calendar-star-outline"
|
|
|
- color="secondary"
|
|
|
- style="width: 40px; height: 40px"
|
|
|
- >
|
|
|
- <q-tooltip>Adicionar Feriado</q-tooltip>
|
|
|
- </q-btn>
|
|
|
+ <div class="flex items-center q-gutter-x-sm">
|
|
|
+ <q-icon name="mdi-calendar-star-outline" color="dark" size="sm" />
|
|
|
+ <span class="text-subtitle1">Feriados do Mês</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center no-wrap" style="gap: 8px">
|
|
|
+ <q-btn
|
|
|
+ icon="mdi-plus"
|
|
|
+ color="primary"
|
|
|
+ style="width: 40px; height: 40px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</q-card>
|
|
|
</template>
|
|
|
@@ -20,7 +21,7 @@
|
|
|
<style scoped>
|
|
|
.feriados-card {
|
|
|
border-radius: 12px;
|
|
|
- padding: 20px 24px;
|
|
|
+ padding: 14px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
