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

Fix screen selector UI, add screenshot maker
All checks were successful
/ check-changes (push) Successful in 7s
Details
/ build (push) Successful in 3m57s
Details

Browse source
This commit is contained in:
Djuri 2024-12-12 19:50:36 +01:00
parent 25e91b2086
commit 68c247f3cc
8 changed files with 281 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -53,6 +53,23 @@ nav {
.btn-group-sm .btn {
font-size: 0.8rem;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// width: 4rem;
}
.btn-group-sm {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.25rem !important;
}
/* Remove the border radius override that Bootstrap applies */
.btn-group-sm > .btn {
border-radius: 0.25rem !important;
margin: 0 !important;
position: relative !important;
}
#customText {
@ -63,7 +80,7 @@ nav {
.btclock {
background: #000;
display: flex;
font-size: calc(3vw + 3vh);
font-size: calc(2vw + 2vh);
font-family: 'Antonio', sans-serif;
font-weight: 400;
padding: 10px;
@ -104,7 +121,7 @@ nav {
flex-direction: column; /* Stack the text and line vertically */
align-items: center;
justify-content: space-around; /* Distribute items with space between */
padding: 10px;
padding: 5px;
}
.splitText div:first-child::after {
@ -116,7 +133,7 @@ nav {
}
.splitText {
font-size: calc(0.5vw + 1vh);
font-size: calc(0.3vw + 1vh);
.top-text,
.bottom-text {

4
src/routes/FirmwareUpdater.svelte
View file

@ -200,7 +200,7 @@
<p>Loading...</p>
{/if}
<section class="row row-cols-lg-auto align-items-end">
<div class="col-12">
<div class="col flex-fill">
<label for="firmwareFile" class="form-label">Firmware file ({getFirmwareBinaryName()})</label>
<input
type="file"
@ -216,7 +216,7 @@
>Update firmware</Button
>
</div>
<div class="col mt-2">
<div class="col flex-fill">
<label for="webuiFile" class="form-label">WebUI file (littlefs.bin)</label>
<input
type="file"