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(); @include font();
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
color: color.$default;
} }
textarea { textarea {

19
src/styles/_mobile.scss
View File

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