langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak graph margins again

Browse Source 
2860ee1424 (commitcomment-91940936)
This commit is contained in:
Damien Elmes 2022-12-04 21:50:58 +10:00
parent 6095b01301
commit fad1ff7467
2 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ts/graphs/GraphsPage.svelte
View File

@ -59,13 +59,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
gap: 1em;
grid-template-columns: repeat(3, minmax(0, 1fr));
// required on Safari to stretch whole width
width: 100vw;
width: calc(100vw - 3em);
margin-left: 1em;
margin-right: 1em;
@media only screen and (max-width: 600px) {
width: calc(100vw - 1rem);
margin-left: 0.5rem;
margin-right: 0.5rem;
}
@media only screen and (max-width: 1400px) {
grid-template-columns: 50% 50%;
grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
grid-template-columns: 100%;
grid-template-columns: 1fr;
}
@media only screen and (max-width: 600px) {
font-size: 12px;

12
ts/graphs/graphs-base.scss
View File

@ -1,18 +1,6 @@
@use "sass/root-vars";
@import "sass/base";
body {
padding: 0 1em 1em 1em;
}
@media only screen and (max-width: 600px) {
body {
padding: 0;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
button {
margin-bottom: 5px;
}