ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update company & crud budgets

Browse Source
This commit is contained in:
Alexandro Uc Santos
2023-12-30 14:41:07 -06:00
parent 7afd77b218
commit 25528cae8f
12 changed files with 380 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/CalendarView.vue
View File

@@ -72,7 +72,17 @@
<template>
<div>
<h2 class="title">Calendario</h2>
<h2 class="title mb-4">Calendario</h2>
<div class="box-indicators">
<h2>Indicadores de estado de la carga</h2>
<div class="indicators">
<i class="fa-solid fa-circle" style="color: yellow"></i> Publicado
<i class="fa-solid fa-circle" style="color: green"></i> Cargando
<i class="fa-solid fa-circle" style="color: red"></i> En transito
<i class="fa-solid fa-circle" style="color: blue"></i> Descargando
<i class="fa-solid fa-circle" style="color: blue"></i> Entregado
</div>
</div>
<div class="calendar">
<!-- <div class="calendar is-light-mode"> -->
<Qalendar
@@ -111,7 +121,7 @@
<style lang="scss" scoped>
.calendar {
height: calc(100vh - 150px);
height: calc(100vh - 220px);
}
.tracking-icon {
@@ -152,4 +162,33 @@
font-weight: 700;
}
.box-indicators {
display: flex;
justify-content: end;
flex-direction: column;
padding: 12px 10px;
}
.box-indicators h2 {
display: flex;
justify-content: end;
font-weight: 600;
font-size: 1.2rem;
}
.indicators {
display: flex;
justify-content: end;
flex-direction: row;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.calendar {
height: calc(100vh - 280px);
}
}
</style>