franzz/spot
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Bigger icons on phone
All checks were successful
Deploy Spot / deploy (push) Successful in 34s
Details

Browse Source
This commit is contained in:
Franzz
2026-05-28 19:19:53 +02:00
parent 319c288586
commit 77a1c51692
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/styles/_common.scss
View File

@@ -87,6 +87,7 @@ body, textarea, input, button, a.button {
@include font();
font-size: 14px;
margin: 0;
color: color.$default;
}
textarea {

19
src/styles/_mobile.scss
View File

@@ -2,7 +2,8 @@
@media only screen and (max-width: 800px) {
$panel-width: "100vw - #{var.$button-width} - 2 * #{var.$block-spacing}";
$button-width: 51px;
$panel-width: "100vw - #{$button-width} - 2 * #{var.$block-spacing}";
$panel-width-max: $panel-width;
$panel-actual-width: $panel-width;
@@ -11,20 +12,30 @@
}
.projects {
.panel-control {
font-size: 2em;
}
.panel {
width: calc(#{$panel-width});
max-width: calc(#{$panel-width});
}
#title {
#settings #title {
left: calc(100% + $button-width + 2rem);
max-width: calc(100vw - 1rem - ($button-width + 2rem) * 2);
text-align: center;
width: 100%;
transition: none;
span {
font-size: 0.8em;
}
}
&.with-right-panel, &.with-left-panel {
#title {
max-width: calc(100vw - var.$block-spacing - (var.$button-width + 2 * var.$block-spacing) * 2);
max-width: calc(100vw - var.$block-spacing - ($button-width + 2 * var.$block-spacing) * 2);
}
#submap {
@@ -38,7 +49,7 @@
}
.panel.panel-right {
transform: translateX(calc(var.$button-width + var.$block-spacing * 2));
transform: translateX(calc($button-width + var.$block-spacing * 2));
}
}