changed some styles

frontend/layouts/Cart.vue

@@ -8,9 +8,7 @@ const route = useRoute();
 // computed
 
 const pageTitle = computed(() => route.meta.pageTitle);
-const prevPage = computed(
+const prevPage = computed(() => route.meta.prevPage as { name: string; label: string } | undefined);
-    () => route.meta.prevPage as { name: string; label: string } | undefined
-);
 
 // queries
 
@@ -20,9 +18,7 @@ await suspense();
 
 // computed
 
-const hasCartItem = computed(
+const hasCartItem = computed(() => !!cart.value && cart.value.items.length! > 0);
-    () => !!cart.value && cart.value.items.length! > 0
-);
 </script>
 
 <template>
@@ -32,20 +28,16 @@ const hasCartItem = computed(
     >
         <Header />
 
-        <main
+        <main class="w-full overflow-x-hidden flex flex-col gap-[5rem] lg:max-w-[85vw]">
-            class="w-full overflow-x-hidden flex flex-col gap-[5rem] lg:max-w-[85vw]"
-        >
             <div class="w-full flex flex-col container">
                 <div
                     class="flex flex-col items-center justify-center py-[3.5rem] lg:py-[5rem] gap-5 lg:gap-0 lg:flex-row"
                 >
-                    <div
+                    <div class="flex items-center justify-start w-full lg:w-3/12">
-                        class="flex items-center justify-start w-full lg:w-3/12"
-                    >
                         <NuxtLink
                             v-if="prevPage"
                             :to="{ name: prevPage?.name }"
-                            class="flex items-center gap-2 text-sm lg:text-[1rem]"
+                            class="flex items-center gap-2 text-sm lg:text-[1rem] font-medium"
                         >
                             <Icon
                                 name="bi:arrow-right"
@@ -57,9 +49,7 @@ const hasCartItem = computed(
                         </NuxtLink>
                     </div>
 
-                    <h1
+                    <h1 class="w-full text-center lg:w-6/12 typo-h-5 lg:typo-h-4">
-                        class="w-full text-center lg:w-6/12 typo-h-5 lg:typo-h-4"
-                    >
                         {{ pageTitle }}
                     </h1>