Fix width in projects component

smenendez19 · Dec 29, 2023 · 139868a · 139868a
1 parent d07441a
commit 139868a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 59 deletions.
diff --git a/package.json b/package.json
@@ -10,12 +10,12 @@
         "lint-fix": "eslint --ext .js,.ts,.vue . --fix"
     },
     "dependencies": {
-        "@mdi/js": "7.3.67",
+        "@mdi/js": "7.4.47",
         "vite-plugin-vuetify": "2.0.1",
         "vue": "3.3.13",
         "vue-i18n": "9.8.0",
         "vue-router": "4.2.5",
-        "vuetify": "3.4.8"
+        "vuetify": "3.4.9"
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "5.0.0",

diff --git a/src/components/Projects.vue b/src/components/Projects.vue
@@ -21,7 +21,7 @@
           :title="project.name"
           outlined
           tile
-          width="500px"
+          max-width="500px"
           height="100%"
           class="d-flex flex-column"
         >
@@ -64,62 +64,6 @@
         </v-card>
       </v-col>
     </v-row>
-    <!--
-    <v-card
-      class="pa-5 rounded-xl"
-    >
-      <v-row
-        class="ma-auto"
-      >
-        <v-col>
-          <div class="text-start">
-            <h3>
-              {{ $t("projects.title") }}
-            </h3>
-          </div>
-        </v-col>
-      </v-row>
-      <v-row class="ma-5">
-        <div class="d-flex flex-wrap justify-center ma-auto">
-          <v-row justify="center">
-            <v-card
-              v-for="project in projects"
-              :key="project"
-              class="px-5 mx-1 my-2"
-              outlined
-              tile
-              width="500px"
-            >
-              <v-img
-                :src="'assets/images/' + project.image"
-                class="grey darken-4"
-                width="500px"
-                height="200px"
-              />
-              <div class="text-center ma-auto">
-                <h4>{{ project.name }}</h4>
-              </div>
-              <p class="text-center ma-5">
-                {{ project.description }}
-              </p>
-              <v-divider />
-              <p class="text-end">
-                <a
-                  class="text-end"
-                  :href="project.url_github"
-                  target="_blank"
-                >
-                  <div>
-                    {{ $t("projects.url_title") }}
-                  </div>
-                </a>
-              </p>
-            </v-card>
-          </v-row>
-        </div>
-      </v-row>
-    </v-card>
-    -->
   </v-container>
 </template>