fix: change buttons' position and hover shadow

wbstack · Aug 24, 2023 · 8eb563f · 8eb563f
1 parent 4a153da
commit 8eb563f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Layout/Navbar.vue b/src/components/Layout/Navbar.vue
@@ -12,7 +12,7 @@
       </template>
       <v-menu content-class="menu" internal-activator offset-y transition="scale-transition" v-if="($vuetify.breakpoint.width < 600) && !isLoggedIn">
         <template v-slot:activator="{ on, attrs }">
-          <v-btn class="dots-button mr-4" v-bind="attrs" v-on="on">
+          <v-btn icon="true" class="dots-button mr-4" v-bind="attrs" v-on="on">
             <v-icon>mdi-dots-horizontal</v-icon>
           </v-btn>
         </template>
@@ -26,8 +26,8 @@
         </v-list>
       </v-menu>
       <template v-if="($vuetify.breakpoint.width >= 600) && !isLoggedIn">
-        <v-btn id="nav-create-account" class="mr-4" large text to="/create-account">Sign up</v-btn>
-        <v-btn id="nav-login" class="mr-4" large color="primary" to="/login">Log in</v-btn>
+        <v-btn id="nav-create-account" class="mr-4" large text to="/login">Log In</v-btn>
+        <v-btn id="nav-login" class="mr-4" large color="primary" to="/create-account">Sign Up</v-btn>
       </template>
   </v-toolbar>
 </template>
@@ -67,7 +67,7 @@ text-decoration-line: underline;
   background-color: transparent !important;
 }
 .menu{
-  margin-top: 10px;
+  margin-top: 2px;
   margin-left: -5px;
 }
 </style>