refactor: Improve layout and styling of HelloWorld.vue component

nilgaar · Jul 27, 2024 · 85a1fff · 85a1fff
1 parent c7e8b70
commit 85a1fff
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/frontend/src/components/HelloWorld.vue b/frontend/src/components/HelloWorld.vue
@@ -31,21 +31,24 @@
       </v-col>
 
       <v-col cols="12" sm="10" md="8" lg="6">
-        <v-list dense>
-          <v-subheader>Dictionaries containing the Password:</v-subheader>
-          <v-list-item-group v-for="file in files" :key="file">
-            <v-list-item>
-              <v-list-item-content>
-                <v-list-item-title>{{ file }}</v-list-item-title>
-              </v-list-item-content>
-            </v-list-item>
-          </v-list-item-group>
-        </v-list>
+        <v-card class="pa-4" color="darkgrey" elevation="2" rounded="lg" outlined>
+          <v-list dense>
+            <v-subheader>Dictionaries containing the Password:</v-subheader>
+            <v-list-item-group v-for="file in files" :key="file">
+              <v-list-item>
+                <v-list-item-content>
+                  <v-list-item-title>{{ file }}</v-list-item-title>
+                </v-list-item-content>
+              </v-list-item>
+            </v-list-item-group>
+          </v-list>
+        </v-card>
       </v-col>
     </v-row>
   </v-container>
 </template>
 
+
 <script setup lang="ts">
 import { ref } from "vue";
 import { sha3_512 } from "js-sha3";