From 118dc897ce76a033ff838e132f7071e1f3ccd04d Mon Sep 17 00:00:00 2001
From: Settel <achim.settelmeier@diva-e.com>
Date: Sun, 9 Oct 2022 21:36:51 +0200
Subject: [PATCH] css: disable create team button in smartphone mode

---
 client/src/pages/index.vue | 34 +++++++---------------------------
 1 file changed, 7 insertions(+), 27 deletions(-)

diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
index 7366c43..a0d2a31 100644
--- a/client/src/pages/index.vue
+++ b/client/src/pages/index.vue
@@ -6,9 +6,7 @@
       <div class="page-index__login">
         <LoginBox />
       </div>
-      <div class="page-index__separator">
-        <span class="page-index__separator-text">{{ $t('or') }}</span>
-      </div>
+      <div class="page-index__separator" />
       <div class="page-index__create-team">
         <Button :border="false" @click="createTeam">{{ $t('create-team') }}</Button>
       </div>
@@ -30,7 +28,6 @@ import useI18n from '@/composables/useI18n'
 
 const { $t } = useI18n({
   'create-team': { en: 'Create Team ...', de: 'Team erstellen ...' },
-  or: { en: 'or', de: 'oder' },
 })
 
 const config = useRuntimeConfig()
@@ -62,7 +59,6 @@ body {
     height: 120px;
 
     @media (max-width: $phone-max-width) {
-      flex-direction: column;
       margin: 32px 0 0 0;
     }
   }
@@ -77,35 +73,19 @@ body {
     }
   }
 
+  &__create-team {
+    @media (max-width: $phone-max-width) {
+      display: none;
+    }
+  }
+
   &__separator {
     width: 1px;
     margin: 0 48px;
     border-left: $box-primary-border;
 
     @media (max-width: $phone-max-width) {
-      position: relative;
-      width: 300px;
-      height: 1px;
-      margin: 48px 0;
-      border-left: none;
-      border-bottom: $box-primary-border;
-      align-self: center;
-    }
-
-    &-text {
       display: none;
-
-      @media (max-width: $phone-max-width) {
-        display: block;
-        position: absolute;
-        top: -10px;
-        left: 120px;
-        width: 60px;
-        background-color: $background-primary-color;
-        font-size: 18px;
-        color: $text-primary-color;
-        text-align: center;
-      }
     }
   }