refs 5987 index cards and light mode #79
No reviewers
Labels
No Milestone
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: verdnatura/salix-front#79
Loading…
Reference in New Issue
No description provided.
Delete Branch "5987-redisgnCards"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
@ -125,3 +125,3 @@
</QItemLabel>
<QItem dense>
<QItemLabel class="subtitle text-white" caption>
<QItemLabel class="subtitle" caption>
Poner un poco mas pequeños los titulos del card.
Y descriptor que tenga elipsis
Y remirar CSS card
@ -196,3 +197,2 @@
width: 90%;
background-color: rgba(87, 86, 86, 0.2);
margin: 20px 10px 0 10px;
background-color: $descriptor-items-box;
Esta variable debería estar o definida aquí o tener un nombre mas genérico. Dado que esta definida de manera global
@ -0,0 +106,4 @@
flex-direction: column;
justify-content: center;
}
@media (min-width: 1024px) and (max-width: 1100px) {
Lo de tindre 3 media queries, vuic voreu visualment a vore si cal o podem solucionar-ho per altre cami
@ -30,3 +30,4 @@
color: #555;
}
.descriptor {
Aço igual deuria estar en el propi component antes que en un fitxer global
@ -33,0 +36,4 @@
}
}
.vn-label-value {
Aço igual deuria estar en el propi component antes que en un fitxer global
@ -33,0 +44,4 @@
color: $light-black;
}
}
.descriptor {
Aço igual deuria estar en el propi component antes que en un fitxer global
@ -89,3 +89,3 @@
<VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
<template #value>
<QBadge :color="entity.ticketState.state.classColor ?? 'dark'">
<QBadge :color="entity.ticketState.state.classColor ?? 'orange'">
Este orange deuria ser
primary
entenc@ -183,3 +193,4 @@
</style>
<style lang="scss" scoped>
$descriptor--light: rgb(87 86 86 / 6%);
Podries gastar el color de una de les variables que has creat:
https://gitea.verdnatura.es/verdnatura/salix-front/pulls/79/files#diff-b1e76443679ed8e3f9150534016e8ec63d3c1f9f
I possarli lo de light i tal pero de manera global
@ -0,0 +123,4 @@
column-gap: 5vw;
}
}
@media (max-width: 600px) {
Para que toda la web funcione igual creo que seria mas conveniente usar este tipo de media queris asi todos usamos el mismo tipo.
@media (max-width: $breakpoint-xs)
Ejemplo: src/components/ui/VnSearchbar.vue
@ -89,3 +89,3 @@
<VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
<template #value>
<QBadge :color="entity.ticketState.state.classColor ?? 'dark'">
<QBadge :color="entity.ticketState.state.classColor ?? 'primary'">
Por defecto naranja??
New commits pushed, approval review dismissed automatically according to repository settings
New commits pushed, approval review dismissed automatically according to repository settings
New commits pushed, approval review dismissed automatically according to repository settings