diff --git a/src/views/pages/LandingPage.vue b/src/views/pages/LandingPage.vue index 779a70b4..881f34f4 100644 --- a/src/views/pages/LandingPage.vue +++ b/src/views/pages/LandingPage.vue @@ -95,68 +95,6 @@ import jimmyScaled from '@/assets/img/jimmy-scaled.jpg'; -
- -
-
- -
- -
-
- - -
-
- - -
-
- -
- -

Har din virksomhed ikke en konto endnu? Opret her

-
-

Ved at klikke ”Login” accepterer du truckwash.io terms of service og privacy policy

-
-
-
- -
-
- -
- -
-
- - -
-
- - -
-
- -
- -

Har din vaskehal ikke en konto endnu Opret her

-
-

Ved at klikke ”Login” accepterer du truckwash.io terms of service og privacy policy

-
-
-
-
@@ -323,148 +261,4 @@ import jimmyScaled from '@/assets/img/jimmy-scaled.jpg'; } } /* end text-image*/ - -/*login-section*/ - -.login-section .wrapper{ - display: flex; - align-items: stretch; - min-height: calc(100vh - 132px) -} - -.login-section .wrapper .sidebar{ - width: 33%; - background-color: #13324C; - display: flex; - flex-direction: column; - padding: 70px 20px; -} - -.login-section .wrapper .sidebar h1{ - color: #fff; - margin-top: auto; - margin-bottom: auto; - font-size: 3.8em; - font-weight: 600; - text-align: center; - line-height: 1; -} - -.login-section .wrapper .sidebar p{ - color: #fff; - font-size: 2em; - font-weight: 600; - text-align: center; - line-height: 1; -} - -.login-section .wrapper .main{ - width: 67%; - padding: 70px 20px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -.login-section .wrapper .main .logo{ - display: flex; - max-width: 230px; - margin-bottom: 40px; -} - -.login-section .wrapper .main .logo img{ - width: 100%; - height: auto; - aspect-ratio: 183/32; - object-fit: contain; -} - -.login-section .wrapper .main form{ - display: flex; - flex-direction: column; - gap: 16px; - max-width: 400px; - margin-bottom: 40px; -} - -.login-section .wrapper .main form .form-field{ - display: flex; - flex-direction: column; - gap: 4px; -} - -.login-section .wrapper .main form .form-field label{ - color: #13324C; - font-size: 16px; - line-height: 1; - display: flex; - gap: 16px; -} - -.login-section .wrapper .main form input{ - border: 1.5px solid #333; - border-radius: 8px; - margin-top: 4px; - font-size: 16px; - line-height: 1; -} - -.login-section .wrapper .main form input:not([type="checkbox"]) { - min-height: 40px; -} - -.login-section .wrapper .main p{ - max-width: 400px; - text-align: center; - font-size: 16px; - color: #13324C; -} - -.login-section .wrapper .main a{ - text-decoration: underline; - color: inherit; -} - -.login-section .wrapper .main .submit{ - width: 100%; - border-radius: 30px; - background-color: #13324C; - border: 0; - color: #fff; - display: flex; - align-items: center; - justify-content: center; - font-size: 16px; - min-height: 43px; - margin: 20px 0; -} - -@media (max-width: 1250px) { - .login-section .wrapper .sidebar h1{ - font-size: 2.3em; - } - - .login-section .wrapper .sidebar p{ - font-size: 1.5em; - } -} - -@media (max-width: 991px) { - .login-section .wrapper{ - flex-direction: column; - min-height: calc(100vh - 96px) - } - - .login-section .wrapper .sidebar{ - width: 100%; - padding: 70px 10px; - } - - .login-section .wrapper .main{ - width: 100%; - padding: 70px 10px; - } -} -/*end login-section*/ \ No newline at end of file