From 195d8f95c0a0fc69891ae2caa64945ffb0a3fe91 Mon Sep 17 00:00:00 2001
From: itsrubberduck <frappes_remoter.2e@icloud.com>
Date: Sun, 5 Oct 2025 17:24:46 +0200
Subject: [PATCH] hide cookie consent on login

---
 app/components/CookieConsentBanner.vue |  3 ++-
 app/pages/login.vue                    | 13 ++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/components/CookieConsentBanner.vue b/app/components/CookieConsentBanner.vue
index 3f3874f..2e6cdd1 100644
--- a/app/components/CookieConsentBanner.vue
+++ b/app/components/CookieConsentBanner.vue
@@ -110,7 +110,7 @@ watch(
   }
 );
 
-const restrictedRoute = computed(() => route.path.startsWith('/classroom') || route.path.startsWith('/pm'));
+const restrictedRoute = computed(() => route.path.startsWith('/classroom') || route.path.startsWith('/pm') || route.path.startsWith('/login'));
 
 const showManageButton = computed(() => hasConsent.value && !isDialogVisible.value && !restrictedRoute.value);
 
@@ -427,4 +427,5 @@ const openManager = () => {
   white-space: nowrap;
   border: 0;
 }
+
 </style>
diff --git a/app/pages/login.vue b/app/pages/login.vue
index f24a126..cfc1d47 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -13,7 +13,7 @@
     </div>
 
     <div
-        class="mx-auto flex h-full w-full max-w-6xl flex-1 flex-col overflow-hidden px-5 py-8 sm:px-8 lg:flex-row lg:items-stretch lg:py-12 lg:pl-0 min-h-0">
+        class="mx-auto flex h-full w-full max-w-6xl flex-1 flex-col overflow-hidden sm:py-8 sm:px-8 lg:flex-row lg:items-stretch lg:py-12 lg:pl-0 min-h-0">
       <div
           class="relative hidden h-full min-h-0 overflow-hidden rounded-3xl border border-white/10 bg-white/5 shadow-2xl lg:flex lg:w-[48%]">
         <img :src="img" alt="Guiding lights on a runway"
@@ -192,6 +192,7 @@
                         type="button"
                         class="check-code-btn"
                         @click="checkInvitationCode"
+                        v-if="false"
                         :disabled="!registerForm.invitationCode"
                     >
                       Check code
@@ -202,7 +203,7 @@
                       type="text"
                       required
                       class="field-input tracking-[0.6em] uppercase"
-                      placeholder="e.g. ABCD1234"
+                      placeholder="ABCD1234"
                   />
                   <p v-if="invitationStatus === 'valid'" class="mt-2 text-xs font-medium text-green-300">Code is
                     valid.</p>
@@ -588,6 +589,12 @@ onMounted(() => {
 .floating-card {
   animation: cardFloat 10s ease-in-out infinite;
 }
+ /* small screens hide floating-card */
+@media (max-width: 1024px) {
+  .floating-card {
+    display: none;
+  }
+}
 
 .card-footer {
   background: linear-gradient(180deg, rgba(12, 20, 42, 0.35) 0%, rgba(4, 7, 19, 0.82) 100%);
@@ -706,7 +713,7 @@ onMounted(() => {
   }
 
   .consent-option {
-    @apply flex-col gap-2 p-4 text-sm;
+    @apply gap-2 p-4 text-sm;
   }
 
   .consent-option input {