btclock/webui
3
0
Fork 2
Code Issues 1 Pull requests 11 Projects Releases 46 Packages Wiki Activity Actions

Add Web Updater functionality, improved layout for small displays

Browse source
This commit is contained in:
Djuri 2024-06-09 00:11:27 +02:00
parent 4f15eee72b
commit e53b487236
11 changed files with 401 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/lib/style/app.scss
View file

@ -36,33 +36,34 @@ $input-font-size-sm: $font-size-base * 0.875;
@import '../node_modules/bootstrap/scss/progress';
@import '../node_modules/bootstrap/scss/tooltip';
@import '../node_modules/bootstrap/scss/toasts';
@import '../node_modules/bootstrap/scss/alert';
@import '../node_modules/bootstrap/scss/helpers';
@import '../node_modules/bootstrap/scss/utilities/api';
@include media-breakpoint-down(xl) {
html {
font-size: 85%;
}
// @include media-breakpoint-down(xl) {
// html {
// // font-size: 85%;
// }
button.btn,
input[type='button'].btn,
input[type='submit'].btn,
input[type='reset'].btn {
@include button-size(
$btn-padding-y-sm,
$btn-padding-x-sm,
$font-size-sm,
$btn-border-radius-sm
);
}
}
// button.btn,
// input[type='button'].btn,
// input[type='submit'].btn,
// input[type='reset'].btn {
// @include button-size(
// $btn-padding-y-sm,
// $btn-padding-x-sm,
// $font-size-sm,
// $btn-border-radius-sm
// );
// }
// }
@include media-breakpoint-down(lg) {
html {
font-size: 75%;
}
}
// @include media-breakpoint-down(lg) {
// html {
// font-size: 75%;
// }
// }
nav {
margin-bottom: 15px;
@ -208,3 +209,8 @@ nav {
font-style: italic;
font-weight: 600;
}
.firmwareUploadStatusAlert,
#firmwareUploadProgress {
@extend .my-2;
}