Skip to content

Commit

Permalink
do some shit
Browse files Browse the repository at this point in the history
  • Loading branch information
SarcevicAntonio committed Mar 15, 2024
1 parent 158a327 commit 4ef5a35
Show file tree
Hide file tree
Showing 13 changed files with 28 additions and 305 deletions.
2 changes: 1 addition & 1 deletion src/css/components.css
Original file line number Diff line number Diff line change
Expand Up @@ -203,7 +203,7 @@
.flow {
display: flex;
flex-direction: column;
gap: 0.75rem;
gap: 1rem;
}

.over-limit {
Expand Down
290 changes: 1 addition & 289 deletions src/css/var.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,32 +37,8 @@
--md-surface-variant: rgba(243, 221, 225, 1);
--md-on-surface-variant: rgba(81, 67, 70, 1);
--md-outline: rgba(131, 115, 118, 1);
--md-inverse-on-surface: rgba(250, 238, 239, 1);
--md-inverse-surface: rgba(53, 47, 48, 1);
--md-inverse-primary: rgba(255, 176, 199, 1);
--md-shadow: rgba(0, 0, 0, 1);
--md-surface1: rgba(252, 252, 252, 1);
--md-surface2: rgba(252, 252, 252, 1);
--md-surface3: rgba(252, 252, 252, 1);
--md-surface4: rgba(252, 252, 252, 1);
--md-surface5: rgba(252, 252, 252, 1);
--md-black: rgba(0, 0, 0, 1);
--md-white: rgba(255, 255, 255, 1);
--md-primary--opacity-008: rgba(153, 64, 94, 0.07999999821186066);
--md-primary--opacity-012: rgba(153, 64, 94, 0.11999999731779099);
--md-primary--opacity-016: rgba(153, 64, 94, 0.1599999964237213);
--md-on-primary--opacity-008: rgba(255, 255, 255, 0.07999999821186066);
--md-on-primary--opacity-012: rgba(255, 255, 255, 0.11999999731779099);
--md-on-primary--opacity-016: rgba(255, 255, 255, 0.1599999964237213);
--md-on-primary-container--opacity-008: rgba(63, 0, 26, 0.07999999821186066);
--md-on-primary-container--opacity-012: rgba(63, 0, 26, 0.11999999731779099);
--md-on-primary-container--opacity-016: rgba(63, 0, 26, 0.1599999964237213);
--md-secondary--opacity-008: rgba(116, 86, 94, 0.07999999821186066);
--md-secondary--opacity-012: rgba(116, 86, 94, 0.11999999731779099);
--md-secondary--opacity-016: rgba(116, 86, 94, 0.1599999964237213);
--md-on-secondary--opacity-008: rgba(255, 255, 255, 0.07999999821186066);
--md-on-secondary--opacity-012: rgba(255, 255, 255, 0.11999999731779099);
--md-on-secondary--opacity-016: rgba(255, 255, 255, 0.1599999964237213);
--md-on-secondary-container--opacity-008: rgba(
42,
21,
Expand All @@ -75,110 +51,9 @@
27,
0.11999999731779099
);
--md-on-secondary-container--opacity-016: rgba(
42,
21,
27,
0.1599999964237213
);
--md-tertiary--opacity-008: rgba(124, 87, 52, 0.07999999821186066);
--md-tertiary--opacity-012: rgba(124, 87, 52, 0.11999999731779099);
--md-tertiary--opacity-016: rgba(124, 87, 52, 0.1599999964237213);
--md-on-tertiary--opacity-008: rgba(255, 255, 255, 0.07999999821186066);
--md-on-tertiary--opacity-012: rgba(255, 255, 255, 0.11999999731779099);
--md-on-tertiary--opacity-016: rgba(255, 255, 255, 0.1599999964237213);
--md-on-tertiary-container--opacity-008: rgba(45, 22, 0, 0.07999999821186066);
--md-on-tertiary-container--opacity-012: rgba(45, 22, 0, 0.11999999731779099);
--md-on-tertiary-container--opacity-016: rgba(45, 22, 0, 0.1599999964237213);
--md-primary-container--opacity-008: rgba(255, 217, 227, 0.07999999821186066);
--md-primary-container--opacity-012: rgba(255, 217, 227, 0.11999999731779099);
--md-primary-container--opacity-016: rgba(255, 217, 227, 0.1599999964237213);
--md-secondary-container--opacity-008: rgba(
255,
217,
225,
0.07999999821186066
);
--md-secondary-container--opacity-012: rgba(
255,
217,
225,
0.11999999731779099
);
--md-secondary-container--opacity-016: rgba(
255,
217,
225,
0.1599999964237213
);
--md-tertiary-container--opacity-008: rgba(
255,
220,
189,
0.07999999821186066
);
--md-tertiary-container--opacity-012: rgba(
255,
220,
189,
0.11999999731779099
);
--md-tertiary-container--opacity-016: rgba(255, 220, 189, 0.1599999964237213);
--md-error--opacity-008: rgba(186, 27, 27, 0.07999999821186066);
--md-error--opacity-012: rgba(186, 27, 27, 0.11999999731779099);
--md-error--opacity-016: rgba(186, 27, 27, 0.1599999964237213);
--md-error-container--opacity-008: rgba(255, 218, 212, 0.07999999821186066);
--md-error-container--opacity-012: rgba(255, 218, 212, 0.11999999731779099);
--md-error-container--opacity-016: rgba(255, 218, 212, 0.1599999964237213);
--md-on-error--opacity-008: rgba(255, 255, 255, 0.07999999821186066);
--md-on-error--opacity-012: rgba(255, 255, 255, 0.11999999731779099);
--md-on-error--opacity-016: rgba(255, 255, 255, 0.1599999964237213);
--md-on-error-container--opacity-008: rgba(65, 0, 1, 0.07999999821186066);
--md-on-error-container--opacity-012: rgba(65, 0, 1, 0.11999999731779099);
--md-on-error-container--opacity-016: rgba(65, 0, 1, 0.1599999964237213);
--md-background--opacity-008: rgba(252, 252, 252, 0.07999999821186066);
--md-background--opacity-012: rgba(252, 252, 252, 0.11999999731779099);
--md-background--opacity-016: rgba(252, 252, 252, 0.1599999964237213);
--md-on-background--opacity-008: rgba(32, 26, 27, 0.07999999821186066);
--md-on-background--opacity-012: rgba(32, 26, 27, 0.11999999731779099);
--md-on-background--opacity-016: rgba(32, 26, 27, 0.1599999964237213);
--md-surface--opacity-008: rgba(252, 252, 252, 0.07999999821186066);
--md-surface--opacity-012: rgba(252, 252, 252, 0.11999999731779099);
--md-surface--opacity-016: rgba(252, 252, 252, 0.1599999964237213);
--md-on-surface--opacity-008: rgba(32, 26, 27, 0.07999999821186066);

--md-on-surface--opacity-012: rgba(32, 26, 27, 0.11999999731779099);
--md-on-surface--opacity-016: rgba(32, 26, 27, 0.1599999964237213);
--md-surface-variant--opacity-008: rgba(243, 221, 225, 0.07999999821186066);
--md-surface-variant--opacity-012: rgba(243, 221, 225, 0.11999999731779099);
--md-surface-variant--opacity-016: rgba(243, 221, 225, 0.1599999964237213);
--md-on-surface-variant--opacity-008: rgba(81, 67, 70, 0.07999999821186066);
--md-on-surface-variant--opacity-012: rgba(81, 67, 70, 0.11999999731779099);
--md-on-surface-variant--opacity-016: rgba(81, 67, 70, 0.1599999964237213);
--md-outline--opacity-008: rgba(131, 115, 118, 0.07999999821186066);
--md-outline--opacity-012: rgba(131, 115, 118, 0.11999999731779099);
--md-outline--opacity-016: rgba(131, 115, 118, 0.1599999964237213);
--md-inverse-on-surface--opacity-008: rgba(
250,
238,
239,
0.07999999821186066
);
--md-inverse-on-surface--opacity-012: rgba(
250,
238,
239,
0.11999999731779099
);
--md-inverse-on-surface--opacity-016: rgba(250, 238, 239, 0.1599999964237213);
--md-inverse-surface--opacity-008: rgba(53, 47, 48, 0.07999999821186066);
--md-inverse-surface--opacity-012: rgba(53, 47, 48, 0.11999999731779099);
--md-inverse-surface--opacity-016: rgba(53, 47, 48, 0.1599999964237213);
--md-inverse-primary--opacity-008: rgba(255, 176, 199, 0.07999999821186066);
--md-inverse-primary--opacity-012: rgba(255, 176, 199, 0.11999999731779099);
--md-inverse-primary--opacity-016: rgba(255, 176, 199, 0.1599999964237213);
--md-shadow--opacity-008: rgba(0, 0, 0, 0.07999999821186066);
--md-shadow--opacity-012: rgba(0, 0, 0, 0.11999999731779099);
--md-shadow--opacity-016: rgba(0, 0, 0, 0.1599999964237213);

/* Text-size styles */
--md-display1: 4rem;
Expand Down Expand Up @@ -262,47 +137,8 @@
--md-surface-variant: rgba(81, 67, 70, 1);
--md-on-surface-variant: rgba(214, 194, 198, 1);
--md-outline: rgba(158, 141, 144, 1);
--md-inverse-on-surface: rgba(32, 26, 27, 1);
--md-inverse-surface: rgba(235, 224, 225, 1);
--md-inverse-primary: rgba(153, 64, 94, 1);
--md-shadow: rgba(0, 0, 0, 1);
--md-surface1: rgba(32, 26, 27, 1);
--md-surface2: rgba(32, 26, 27, 1);
--md-surface3: rgba(32, 26, 27, 1);
--md-surface4: rgba(32, 26, 27, 1);
--md-surface5: rgba(32, 26, 27, 1);
--md-white: rgba(255, 255, 255, 1);
--md-black: rgba(0, 0, 0, 1);
--md-primary--opacity-008: rgba(255, 176, 199, 0.07999999821186066);
--md-primary--opacity-012: rgba(255, 176, 199, 0.11999999731779099);
--md-primary--opacity-016: rgba(255, 176, 199, 0.1599999964237213);
--md-on-primary--opacity-008: rgba(94, 16, 48, 0.07999999821186066);
--md-on-primary--opacity-012: rgba(94, 16, 48, 0.11999999731779099);
--md-on-primary--opacity-016: rgba(94, 16, 48, 0.1599999964237213);
--md-on-primary-container--opacity-008: rgba(
255,
217,
227,
0.07999999821186066
);
--md-on-primary-container--opacity-012: rgba(
255,
217,
227,
0.11999999731779099
);
--md-on-primary-container--opacity-016: rgba(
255,
217,
227,
0.1599999964237213
);
--md-secondary--opacity-008: rgba(227, 188, 197, 0.07999999821186066);
--md-secondary--opacity-012: rgba(227, 188, 197, 0.11999999731779099);
--md-secondary--opacity-016: rgba(227, 188, 197, 0.1599999964237213);
--md-on-secondary--opacity-008: rgba(66, 41, 48, 0.07999999821186066);
--md-on-secondary--opacity-012: rgba(66, 41, 48, 0.11999999731779099);
--md-on-secondary--opacity-016: rgba(66, 41, 48, 0.1599999964237213);
--md-on-secondary-container--opacity-008: rgba(
255,
217,
Expand All @@ -315,129 +151,5 @@
225,
0.11999999731779099
);
--md-on-secondary-container--opacity-016: rgba(
255,
217,
225,
0.1599999964237213
);
--md-tertiary--opacity-008: rgba(238, 189, 147, 0.07999999821186066);
--md-tertiary--opacity-012: rgba(238, 189, 147, 0.11999999731779099);
--md-tertiary--opacity-016: rgba(238, 189, 147, 0.1599999964237213);
--md-on-tertiary--opacity-008: rgba(71, 41, 10, 0.07999999821186066);
--md-on-tertiary--opacity-012: rgba(71, 41, 10, 0.11999999731779099);
--md-on-tertiary--opacity-016: rgba(71, 41, 10, 0.1599999964237213);
--md-on-tertiary-container--opacity-008: rgba(
255,
220,
189,
0.07999999821186066
);
--md-on-tertiary-container--opacity-012: rgba(
255,
220,
189,
0.11999999731779099
);
--md-on-tertiary-container--opacity-016: rgba(
255,
220,
189,
0.1599999964237213
);
--md-primary-container--opacity-008: rgba(123, 40, 70, 0.07999999821186066);
--md-primary-container--opacity-012: rgba(123, 40, 70, 0.11999999731779099);
--md-primary-container--opacity-016: rgba(123, 40, 70, 0.1599999964237213);
--md-secondary-container--opacity-008: rgba(
90,
63,
70,
0.07999999821186066
);
--md-secondary-container--opacity-012: rgba(
90,
63,
70,
0.11999999731779099
);
--md-secondary-container--opacity-016: rgba(90, 63, 70, 0.1599999964237213);
--md-tertiary-container--opacity-008: rgba(97, 64, 31, 0.07999999821186066);
--md-tertiary-container--opacity-012: rgba(97, 64, 31, 0.11999999731779099);
--md-tertiary-container--opacity-016: rgba(97, 64, 31, 0.1599999964237213);
--md-error--opacity-008: rgba(255, 180, 169, 0.07999999821186066);
--md-error--opacity-012: rgba(255, 180, 169, 0.11999999731779099);
--md-error--opacity-016: rgba(255, 180, 169, 0.1599999964237213);
--md-error-container--opacity-008: rgba(147, 0, 6, 0.07999999821186066);
--md-error-container--opacity-012: rgba(147, 0, 6, 0.11999999731779099);
--md-error-container--opacity-016: rgba(147, 0, 6, 0.1599999964237213);
--md-on-error--opacity-008: rgba(104, 0, 3, 0.07999999821186066);
--md-on-error--opacity-012: rgba(104, 0, 3, 0.11999999731779099);
--md-on-error--opacity-016: rgba(104, 0, 3, 0.1599999964237213);
--md-on-error-container--opacity-008: rgba(
255,
218,
212,
0.07999999821186066
);
--md-on-error-container--opacity-012: rgba(
255,
218,
212,
0.11999999731779099
);
--md-on-error-container--opacity-016: rgba(
255,
218,
212,
0.1599999964237213
);
--md-background--opacity-008: rgba(32, 26, 27, 0.07999999821186066);
--md-background--opacity-012: rgba(32, 26, 27, 0.11999999731779099);
--md-background--opacity-016: rgba(32, 26, 27, 0.1599999964237213);
--md-on-background--opacity-008: rgba(235, 224, 225, 0.07999999821186066);
--md-on-background--opacity-012: rgba(235, 224, 225, 0.11999999731779099);
--md-on-background--opacity-016: rgba(235, 224, 225, 0.1599999964237213);
--md-surface--opacity-008: rgba(32, 26, 27, 0.07999999821186066);
--md-surface--opacity-012: rgba(32, 26, 27, 0.11999999731779099);
--md-surface--opacity-016: rgba(32, 26, 27, 0.1599999964237213);
--md-on-surface--opacity-008: rgba(235, 224, 225, 0.07999999821186066);
--md-on-surface--opacity-012: rgba(235, 224, 225, 0.11999999731779099);
--md-on-surface--opacity-016: rgba(235, 224, 225, 0.1599999964237213);
--md-surface-variant--opacity-008: rgba(81, 67, 70, 0.07999999821186066);
--md-surface-variant--opacity-012: rgba(81, 67, 70, 0.11999999731779099);
--md-surface-variant--opacity-016: rgba(81, 67, 70, 0.1599999964237213);
--md-on-surface-variant--opacity-008: rgba(
214,
194,
198,
0.07999999821186066
);
--md-on-surface-variant--opacity-012: rgba(
214,
194,
198,
0.11999999731779099
);
--md-on-surface-variant--opacity-016: rgba(
214,
194,
198,
0.1599999964237213
);
--md-outline--opacity-008: rgba(158, 141, 144, 0.07999999821186066);
--md-outline--opacity-012: rgba(158, 141, 144, 0.11999999731779099);
--md-outline--opacity-016: rgba(158, 141, 144, 0.1599999964237213);
--md-inverse-on-surface--opacity-008: rgba(32, 26, 27, 0.07999999821186066);
--md-inverse-on-surface--opacity-012: rgba(32, 26, 27, 0.11999999731779099);
--md-inverse-on-surface--opacity-016: rgba(32, 26, 27, 0.1599999964237213);
--md-inverse-surface--opacity-008: rgba(235, 224, 225, 0.07999999821186066);
--md-inverse-surface--opacity-012: rgba(235, 224, 225, 0.11999999731779099);
--md-inverse-surface--opacity-016: rgba(235, 224, 225, 0.1599999964237213);
--md-inverse-primary--opacity-008: rgba(153, 64, 94, 0.07999999821186066);
--md-inverse-primary--opacity-012: rgba(153, 64, 94, 0.11999999731779099);
--md-inverse-primary--opacity-016: rgba(153, 64, 94, 0.1599999964237213);
--md-shadow--opacity-008: rgba(0, 0, 0, 0.07999999821186066);
--md-shadow--opacity-012: rgba(0, 0, 0, 0.11999999731779099);
--md-shadow--opacity-016: rgba(0, 0, 0, 0.1599999964237213);
}
}
9 changes: 5 additions & 4 deletions src/lib/components/BarCodeScanDialog.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
onMount(async () => {
videoInputDevices = await BrowserCodeReader.listVideoInputDevices()
const possibleBackCam = videoInputDevices.find((d) =>
d.label.includes('back')
d.label.includes('back'),
)
selectedDeviceId =
possibleBackCam?.deviceId || videoInputDevices[0]?.deviceId
Expand All @@ -40,7 +40,7 @@
dispatch('scanned', result.getText())
closeScanner()
isOpen = false
}
},
)
}
Expand All @@ -52,7 +52,7 @@
function switchSelectedDevice() {
let idx = videoInputDevices.findIndex(
(d) => d.deviceId === selectedDeviceId
(d) => d.deviceId === selectedDeviceId,
)
idx = (idx + 1) % videoInputDevices.length
selectedDeviceId = videoInputDevices[idx].deviceId
Expand All @@ -71,6 +71,7 @@
--as-dialog-width="max-content"
noCloseButton
triggerProps={{ class: 'inline-btn tonal' }}
transitionOptions={{ duration: 100 }}
on:introend={startScanner}
on:dismiss={closeScanner}
bind:isOpen
Expand Down Expand Up @@ -116,7 +117,7 @@
video {
max-width: 100%;
max-height: 100%;
border-radius: 1000000;
border-radius: 0.5rem;
}
.init {
Expand Down
3 changes: 2 additions & 1 deletion src/lib/components/DayEditor/Bucket.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,8 @@
flex-direction: column;
align-items: stretch;
justify-content: center;
gap: 0.5em;
gap: 1em;
margin-top: 0.5rem;
}
.title-l {
Expand Down
1 change: 1 addition & 0 deletions src/lib/components/InstanceCreator/InstanceCreator.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@
includedTrigger={false}
--as-dialog-width="90%"
--as-dialog-max-width="400px"
transitionOptions={{ duration: 100 }}
>
<div class="col">
<h2 class="headline-3 with-icon">
Expand Down
Loading

0 comments on commit 4ef5a35

Please sign in to comment.