verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 77 Releases Wiki Activity

refs 5987 index cards and light mode #79

Merged
alexm merged 10 commits from 5987-redisgnCards into dev 2023-08-17 08:41:58 +00:00
Conversation 0 Commits 10 Files Changed 15 +15 -1
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 787844a930 - Show all commits

16
src/components/ui/CardList.vue
View File

@ -30,6 +30,7 @@ const $props = defineProps({
display: flex;
justify-content: flex-start;
gap: 10px;
width: 100%;
.label {
max-width: 90px;
flex: 1;
@ -55,6 +56,13 @@ const $props = defineProps({
font-size: 25px;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
.card-list-body {
.vn-label-value {
max-width: 150px;
}
}
}
@media (max-width: 460px) {
.card-list-body {
.vn-label-value {
@ -90,12 +98,18 @@ const $props = defineProps({
grid-template-columns: repeat(2, 1fr);
row-gap: 10px;
column-gap: 10vw;
margin-right: 5px;
margin-right: 10px;
}
.actions {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 1024px) and (max-width: 1100px) {
alexm commented 2023-08-14 05:12:07 +00:00
Outdated
Review
Copy Link

Lo de tindre 3 media queries, vuic voreu visualment a vore si cal o podem solucionar-ho per altre cami

Lo de tindre 3 media queries, vuic voreu visualment a vore si cal o podem solucionar-ho per altre cami
.list-items {
column-gap: 5vw;
}
}
@media (max-width: 600px) {
.list-items {