handlenett-frontend: better contrast on login button

miles-no · Oct 4, 2024 · f3a20e8 · f3a20e8
1 parent 7fe61d6
commit f3a20e8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/handlenett-frontend/assets/styles.css b/handlenett-frontend/assets/styles.css
@@ -18,6 +18,12 @@ input[type="text"] {
   font-size: 1.5rem;
 }
 
+.btn-primary {
+  background-color: #007bff;
+  border-color: #007bff;
+  color: #fff;
+}
+
 .btn {
   backface-visibility: hidden;
   border: 0;

diff --git a/handlenett-frontend/pages/login.vue b/handlenett-frontend/pages/login.vue
@@ -8,7 +8,7 @@
                 <h1>Login</h1>
             </div>
             <div class="button">
-                <button class="btn" @click="loginUser">Login with Microsoft 365</button>
+                <button class="btn btn-primary" @click="loginUser">Login with Microsoft 365</button>
             </div>
         </div>
     </ClientOnly>