rearanged mobile and desktop views

Barabasbalazs · Aug 13, 2024 · 9142dbb · 9142dbb
1 parent e944c96
commit 9142dbb
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 13 deletions.
diff --git a/components/LeftSideWrapper.vue b/components/LeftSideWrapper.vue
diff --git a/components/ContactFooter.vue → components/page/ContactFooter.vue b/components/ContactFooter.vue → components/page/ContactFooter.vue
diff --git a/components/page/LeftSideWrapper.vue b/components/page/LeftSideWrapper.vue
@@ -0,0 +1,9 @@
+<template>
+  <NuxtLayout name="cardwrapper">
+    <CardsAbout />
+    <CardsProjects class="md:hidden" />
+    <CardsMarqueeWrapper class="md:flex hidden" />
+
+    <CardsTimeline class="md:flex hidden" />
+  </NuxtLayout>
+</template>
diff --git a/components/PersonalSection.vue → components/page/PersonalSection.vue b/components/PersonalSection.vue → components/page/PersonalSection.vue
diff --git a/components/PageSidebar.vue → components/page/Sidebar.vue b/components/PageSidebar.vue → components/page/Sidebar.vue
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -3,7 +3,7 @@
     <NuxtLayout name="cardwrapper" class="w-full h-full" cols>
       <slot
     /></NuxtLayout>
-    <PersonalSection />
-    <ContactFooter />
+    <PagePersonalSection />
+    <PageContactFooter />
   </div>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
@@ -1,6 +1,9 @@
 <template>
   <NuxtLayout name="default">
-    <LeftSideWrapper />
-    <CardsProjects />
+    <PageLeftSideWrapper />
+    <CardsProjects class="md:flex hidden" />
+    <CardsMarqueeWrapper class="md:hidden flex" />
+
+    <CardsTimeline class="md:hidden flex" />
   </NuxtLayout>
 </template>