Humorloos / bouldern-app

1 stars 1 forks source link

Add gym title to gym map view somewhere #225

Closed Humorloos closed 2 years ago

Humorloos commented 2 years ago

Doesn't make sense, looks ugly

but I found out how to put gym map in vuetify row:

Index: frontend/src/views/GymMap.vue
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/frontend/src/views/GymMap.vue b/frontend/src/views/GymMap.vue
--- a/frontend/src/views/GymMap.vue (revision c013970bc77e496b41992face09959c30689b68d)
+++ b/frontend/src/views/GymMap.vue (date 1642874756565)
@@ -1,4 +1,25 @@
 <template>
+  <v-container
+    fluid
+    style="height: 99%;"
+  >
+    <v-row>
+      <v-col>
+        <p class="text-h5">
+          {{ gymName }}
+        </p>
+      </v-col>
+    </v-row>
+    <v-row
+      fluid
+      style="height: 98%;"
+    >
+      <div
+        id="map-root"
+        ref="map-root"
+      />
+    </v-row>
+  </v-container>
   <div
     id="popup"
     ref="popup"
@@ -32,10 +53,6 @@
       </v-row>
     </v-container>
   </div>
-  <div
-    id="map-root"
-    ref="map-root"
-  />
 </template>

 <script>