made dividers a bit larger and fixed overflow issues

Vauhtijuoksu · Apr 24, 2024 · 6d9808b · 6d9808b
1 parent d6e9fc5
commit 6d9808b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/src/lib/components/Divider.svelte b/src/lib/components/Divider.svelte
@@ -11,8 +11,9 @@
 
 <style>
   .divider{
-    height: 32px;
-    padding: 0 20px;
-    text-shadow: none;
+      height: var(--divider-size, 32px);
+      filter: var(--divider-filter, none);
+      padding: 0 20px;
+      text-shadow: none;
   }
 </style>
diff --git a/src/lib/components/DonationBar.svelte b/src/lib/components/DonationBar.svelte
@@ -105,7 +105,7 @@
         animation-fill-mode: forwards;
 	}
 	@keyframes show{
-		0%		{ margin-top: -100px; } /* the barsize is hardcoded to bottombar.svelte. maybe fix later.. */
+		0%		{ margin-top: -120px; } /* the barsize is hardcoded to bottombar.svelte. maybe fix later.. */
         100%	{ margin-top: 0; }
 	}
 	.hideline{
@@ -114,7 +114,7 @@
 	}
 	@keyframes hide{
 		0%	{ margin-top: 0; }
-		100%		{ margin-top: 100px; } /* the barsize is hardcoded to bottombar.svelte. maybe fix later.. */
+		100%		{ margin-top: 120px; } /* the barsize is hardcoded to bottombar.svelte. maybe fix later.. */
 	}
 
 	.donationbar {

diff --git a/src/lib/components/Upcoming.svelte b/src/lib/components/Upcoming.svelte
@@ -59,7 +59,7 @@
 </div>
 {/if}
 {:else if style === "bar"}
-<div class="row">
+<div class="row overflow">
     {#if $upcoming.length}
     {#each $upcoming as game, i}
     <div class="game">

diff --git a/src/lib/themes/vj2024.ts b/src/lib/themes/vj2024.ts
@@ -120,8 +120,8 @@ const vj2024base: LayoutTheme = {
     --timer-font-size: 54px;
     --timer-estimate-font-size: 24px;
     --timer-millis-font-size: 32px;
-    --stopped-screen-timer-color: var(--dark-green);
-    --stopped-timer-color: var(--dark-green);
+    --stopped-screen-timer-color: var(--darkgreen);
+    --stopped-timer-color: var(--darkgreen);
     --screen-overlay-item-stroke-color: #edf0ea;
     --counter-font-size: var(--timer-font-size);
     --pill-background-1: #fdc5d6;
@@ -163,6 +163,7 @@ const vj2024base: LayoutTheme = {
     --console-icon-filter: var(--game-icon-filter);
     --clock-icon-filter: var(--game-icon-filter);
     --counter-icon-filter: var(--game-icon-filter);
+    --divider-filter: var(--game-icon-filter);
     --heartrate-icon-filter: var(--game-icon-filter);
     --heart-rate-font-color: var(--darkred);
     --heart-rate-text-shadow: 
@@ -184,6 +185,7 @@ const vj2024base: LayoutTheme = {
     --fourthree-gameicon-margin-right: 0px;
     --fourthree-gameicon-margin-bottom: 200px;
     --setup-time-game-icon-scale: 0.8;
+    --divider-size: 40px
   `
 }