Merge pull request #568 from matematikk-mooc/marius/DIT-421

DIT-421: LoginDirectLink.
matematikk-mooc · Dec 11, 2024 · 144478f · 144478f
2 parents 1a7bc86 + 22ca05f
commit 144478f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/src/vue/components/Button.vue b/src/vue/components/Button.vue
@@ -119,6 +119,6 @@ const isFullWidth = props.fullWidth;
   width: 1em;
   height: 1em;
   margin-right: 0.5em;
-  margin-top: -0.5em;
+  margin-top: -0.1em;
 }
 </style>
diff --git a/src/vue/components/login-choice/LoginDirectLink.vue b/src/vue/components/login-choice/LoginDirectLink.vue
@@ -64,8 +64,9 @@ export default {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    width: 60rem;
     height: 30rem;
+    max-width: 60rem;
+    width: 100%;
     background-color: white;
     border: 1px solid #e0e0e0;
     border-radius: 0.5rem;
@@ -99,5 +100,24 @@ export default {
 .login-logo {
     height: 6rem;
     cursor: pointer;
+    @media screen and (max-width: 768px) {
+        height: 6vh;
+    }
+
+}
+
+.login-header-title {
+    font-size: 2,25rem;
+    line-height: unset;
+    @media screen and (max-width: 768px) {
+        font-size: 4vw;
+    }
+}
+
+.login-header-description {
+    font-size: 1.5rem;
+    @media screen and (max-width: 768px) {
+        font-size: 3vw;
+    }
 }
 </style>