minhnt-dev: detail page

This commit is contained in:
MoreStrive
2024-05-31 00:55:48 +07:00
parent 059ab5463c
commit 86bebfd66e
3 changed files with 13 additions and 2 deletions
@@ -23,7 +23,7 @@ const _dataResult = computed(() => {
<template>
<div>
<div class="flex gap-4 items-end py-2">
<div class="flex gap-4 items-end">
<template v-for="(component, index) in _dataResult">
<nuxt-link v-if="component" :key="index" :to="`/${component.code}`" class=" py-1 font-400 text-[16px] first:font-600 first:text-[20px] sm:block hidden first:block">
<h3 class="m-0 leading-none hover:text-primary-100 transition-all duration-300">{{ component.title }}</h3>
@@ -37,7 +37,7 @@ const CLASS_FOR_LAYOUT = computed(() => {
<template>
<div :class="[CLASS_FOR_LAYOUT.page_container]">
<div :class="[CLASS_FOR_LAYOUT.layout_container]" class="grid-container grid grid-cols-1 gap-20 style_layout">
<div :class="[CLASS_FOR_LAYOUT.layout_container]" class="grid-container grid grid-cols-1 gap-20 py-20 style_layout">
<slot />
</div>
</div>