dvdrw
/
litechatplus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: improve top screen styling on desktop

This commit is contained in:
dvdrw 2023-02-12 21:23:46 +01:00
parent 380d3a7d89
commit e40518d68f
Signed by: dvdrw
GPG Key ID: 044B8425E3CD03E0
1 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/TopScreen.svelte
View File

@ -182,6 +182,12 @@
grid-template-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(2, 50%); grid-template-columns: repeat(2, 50%);
height: 35%; height: 35%;
:global(.container:not(.mobile)) & {
height: 150px;
@extend .mt-18;
}
} }
.button { .button {
margin: 8px; margin: 8px;
@ -233,6 +239,13 @@
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
height: 10%; height: 10%;
:global(.container:not(.mobile)) & {
height: 50px;
& .button {
font-size: 16px;
}
}
} }
.options-bar .button { .options-bar .button {
margin-top: 8px; margin-top: 8px;