fix(privacy): clean up a couple of styles

HabitRPG · Jan 2, 2025 · f6895f3 · f6895f3
1 parent fb483e6
commit f6895f3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/website/client/src/components/header/banners/privacy.vue b/website/client/src/components/header/banners/privacy.vue
@@ -5,7 +5,10 @@
       v-html="$t('privacyOverview') + ' ' + $t('learnMorePrivacy')"
     >
     </p>
-    <div class="navigation d-flex flex-column justify-content-around text-center ml-2">
+    <div
+      class="navigation d-flex flex-column justify-content-around text-center ml-2"
+      :class="{ static: isStaticPage }"
+    >
       <button class="btn btn-primary mb-2">
         {{ $t('acceptAllCookies') }}
       </button>
@@ -49,6 +52,10 @@
         width: calc(100vw - 48px);
       }
 
+      .static button {
+        width: calc(100vw - 96px);
+      }
+
       p {
         margin-bottom: 16px !important;
       }

diff --git a/website/client/src/components/ui/toggleSwitch.vue b/website/client/src/components/ui/toggleSwitch.vue
@@ -31,10 +31,10 @@
         <label
           class="toggle-switch-label"
           :for="toggleId"
+          :class="{ disabled }"
         >
           <span
             class="toggle-switch-inner"
-            :class="{ disabled }"
           >
           </span>
           <span
@@ -126,8 +126,12 @@
     text-align: right;
   }
 
-  .toggle-switch-inner.disabled:before, .toggle-switch-inner.disabled:after {
-    opacity: 0.5;
+  .disabled {
+    cursor: auto;
+
+    .toggle-switch-inner:before, .toggle-switch-inner:after {
+      opacity: 0.5;
+    }
   }
 
   .toggle-switch-switch {