watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-08 22:57:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

CSS updates.

Browse source
This commit is contained in:
Mike Cao 2023-10-02 23:51:26 -07:00
parent 9bb89c7e8b
commit e4c5f42189
22 changed files with 227 additions and 395 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/components/layout/Grid.module.css
View file

@ -1,27 +1,52 @@
.col {
display: flex;
flex-direction: column;
padding: 20px;
.grid {
display: grid;
}
.row {
display: grid;
grid-template-columns: repeat(6, 1fr);
border-top: 1px solid var(--base300);
min-height: 430px;
}
.row > .col {
.col {
padding: 20px;
min-height: 430px;
border-inline-start: 1px solid var(--base300);
}
.row > .col:first-child {
.col:first-child {
border-inline-start: 0;
padding-inline-start: 0;
}
.row > .col:last-child {
.col:last-child {
padding-inline-end: 0;
}
.col.two {
grid-column: span 3;
}
.col.three {
grid-column: span 2;
}
.col.two-one:first-child {
grid-column: span 4;
}
.col.two-one:last-child {
grid-column: span 2;
}
.col.one-two:first-child {
grid-column: span 2;
}
.col.one-two:last-child {
grid-column: span 4;
}
@media only screen and (max-width: 992px) {
.row {
border: 0;
@ -33,4 +58,11 @@
border-inline-end: 0;
padding: 20px 0;
}
.col.two,
.col.three,
.col.one-two,
.col.two-one {
grid-column: span 6 !important;
}
}