devs/PCv5
devs
/
PCv5
7
10
Fork 4
Code Issues 25 Pull Requests Releases Wiki Activity

homepage: Fix grid style

This commit is contained in:
Eragon 2023-06-25 01:57:39 +02:00
parent 586c045604
commit cc725eb92f
Signed by: Eragon
GPG Key ID: 087126EBFC725006
2 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/static/css/homepage.css
View File

@ -1,26 +1,26 @@
.home-pinned-content {
display: grid;
grid-template-areas: 'banner news''welcome news''welcome news''shout news''shout news''projects projects';
grid-template-rows: minmax(100px,auto);
grid-template-areas: 'banner news''welcome news''shout news''projects projects';
grid-template-rows: minmax(100px,auto)repeat(minmax(200px,auto),2)minmax(100px,auto);
gap: 10px;
}
.home-pinned-content > * {
border: 1px solid red;
}
.home-banner {
grid-area: 'banner';
grid-area: banner;
}
.home-welcome {
grid-area: 'welcome';
grid-area: welcome;
display: flex;
flex-direction: row;
}
.home-news {
grid-area: 'news';
grid-area: news;
}
.home-shoutbox {
grid-area: 'shout';
grid-area: shout;
}
.home-projects {
grid-area: 'projects';
grid-area: projects;
}

20
app/static/less/homepage.less
View File

@ -3,13 +3,11 @@
grid-template-areas:
'banner news'
'welcome news'
'welcome news'
'shout news'
'shout news'
'projects projects';
grid-template-rows: minmax(100px, auto);
grid-template-rows: minmax(100px, auto) repeat(minmax(200px, auto), 2) minmax(100px, auto);
gap: 10px;
& > * {
@ -18,24 +16,24 @@
}
.home-banner {
grid-area: 'banner';
grid-area: banner;
}
.home-welcome {
grid-area: 'welcome';
grid-area: welcome;
display: flex;
flex-direction: row;
}
.home-news {
grid-area: 'news';
grid-area: news;
}
.home-shoutbox {
grid-area: 'shout';
grid-area: shout;
}
.home-projects {
grid-area: 'projects';
}
grid-area: projects;
}