heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed some styles

Browse Source
This commit is contained in:
Mamalizz
2025-04-18 19:50:46 +03:30
parent 11c72d3404
commit 11f401ebde
1 changed files with 6 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/layouts/Cart.vue
+6 -16
View File
@@ -8,9 +8,7 @@ const route = useRoute();
// computed
const pageTitle = computed(() => route.meta.pageTitle);
const prevPage = computed(
() => route.meta.prevPage as { name: string; label: string } | undefined
);
const prevPage = computed(() => route.meta.prevPage as { name: string; label: string } | undefined);
// queries
@@ -20,9 +18,7 @@ await suspense();
// computed
const hasCartItem = computed(
() => !!cart.value && cart.value.items.length! > 0
);
const hasCartItem = computed(() => !!cart.value && cart.value.items.length! > 0);
</script>
<template>
@@ -32,20 +28,16 @@ const hasCartItem = computed(
>
<Header />
<main
class="w-full overflow-x-hidden flex flex-col gap-[5rem] lg:max-w-[85vw]"
>
<main 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
class="flex items-center justify-start w-full lg:w-3/12"
>
<div 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
class="w-full text-center lg:w-6/12 typo-h-5 lg:typo-h-4"
>
<h1 class="w-full text-center lg:w-6/12 typo-h-5 lg:typo-h-4">
{{ pageTitle }}
</h1>