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

Small layout fixes

Browse source
This commit is contained in:
Djuri 2024-07-10 00:53:09 +02:00
parent b8f621d32e
commit c5b4d59b06
3 changed files with 315 additions and 240 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -41,30 +41,6 @@ $input-font-size-sm: $font-size-base * 0.875;
@import '../node_modules/bootstrap/scss/helpers';
@import '../node_modules/bootstrap/scss/utilities/api';
// @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
// );
// }
// }
// @include media-breakpoint-down(lg) {
// html {
// font-size: 75%;
// }
// }
nav {
margin-bottom: 15px;
}
@ -81,6 +57,12 @@ nav {
margin: 0 auto;
}
//@include media-breakpoint-down(xl) {
.btn-group-sm .btn {
font-size: 0.8rem;
}
//}
.btclock {
border: 1px solid darkgray;
background: #000;
@ -95,7 +77,7 @@ nav {
align-items: center;
align-content: stretch;
font-family: 'Oswald', sans-serif;
font-size: 1vw;
> div {
padding: 5px;
}
@ -143,9 +125,9 @@ nav {
padding-bottom: 9px !important;
}
@include media-breakpoint-up(xxl) {
font-size: 1.8rem;
padding-top: 19px !important;
padding-bottom: 20px !important;
font-size: 1.2rem;
padding-top: 2.1rem !important;
padding-bottom: 2.1rem !important;
}
text-align: center;

2
src/routes/+page.svelte
View file

@ -122,7 +122,7 @@
</svelte:head>
<Container fluid>
<Row cols={{ lg: 3, sm: 1 }}>
<Row cols={{ xl: 3, md: 2, sm: 1 }}>
<Control bind:settings bind:status></Control>
<Status bind:settings bind:status></Status>
<Settings bind:settings on:showToast={showToast} on:formReset={fetchSettingsData}></Settings>