feat: fix fit option & missing scrollbar

garuda-linux · Oct 14, 2024 · cc09240 · cc09240
1 parent c285a28
commit cc09240
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
@@ -80,15 +80,14 @@ <h1 class="bold text-maroon text-lg text-center">Configure startpage settings</h
             </div>
           }
           <div class="mt-10">
-            @if (false) {
-              <label class="inline-flex center items-center cursor-pointer">
-                <input type="checkbox" [formControl]="wallpaperFit" class="sr-only peer"
-                       (change)="loadWallpaperStyle('contain')">
-                <div
-                  class="relative w-11 h-6 bg-surface0/60 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-maroon dark:peer-focus:ring-mauve rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-maroon/60"></div>
-                <span class="ms-3 mr-10 text-sm font-medium text-text">Fit wallpaper</span>
-              </label>
-            }
+            <label class="inline-flex center justify-center
+            items-center cursor-pointer">
+              <input type="checkbox" [formControl]="wallpaperFit" class="sr-only peer"
+                     (change)="loadWallpaperStyle('contain')">
+              <div
+                class="relative w-11 h-6 bg-surface0/60  peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-maroon dark:peer-focus:ring-mauve rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-maroon/60"></div>
+              <span class="ms-3 mr-10 text-sm font-medium text-text">Fit wallpaper</span>
+            </label>
             <label class="inline-flex center items-center cursor-pointer">
               <input type="checkbox" [formControl]="wallpaperBlur" class="sr-only peer"
                      (change)="loadWallpaperStyle('blur')">
@@ -98,7 +97,7 @@ <h1 class="bold text-maroon text-lg text-center">Configure startpage settings</h
             </label>
             <label class="inline-flex center items-center cursor-pointer">
               <input type="checkbox" [formControl]="jokesEnabled" class="sr-only peer"
-                     (change)="saveSettings()">>
+                     (change)="saveSettings()">
               <div
                 class="relative w-11 h-6 bg-surface0/60 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-maroon dark:peer-focus:ring-mauve rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-maroon/60"></div>
               <span class="ms-3 mr-10 text-sm font-medium text-text">Enable jokes</span>

diff --git a/src/styles.scss b/src/styles.scss
@@ -26,13 +26,11 @@ html {
 
 body {
   @apply text-sm selection:bg-mauve selection:text-base;
-  background-position: center;
   font-family: "Fira Sans", sans-serif;
   font-style: normal;
   font-weight: 400;
   left: 0;
   margin: 0;
-  position: fixed;
   right: 0;
   z-index: 10;
 }
@@ -59,7 +57,7 @@ samp {
   content: "";
   display: block;
   height: 100%;
-  position: absolute;
+  position: fixed;
   top: 0;
   width: 100%;
 }
@@ -71,4 +69,5 @@ samp {
 .non-blurred {
   position: relative;
   z-index: 1;
+  overflow: scroll;
 }