fix. gnb 디자인 수정
This commit is contained in:
@@ -478,7 +478,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.nav-list {
|
||||
@apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-4 pl-2 pr-1
|
||||
@apply overflow-hidden flex flex-col order-1 h-full mt-2 mb-6 pl-2 pr-1
|
||||
md:flex-row md:order-none md:h-full md:my-0 md:ml-10 md:mr-6 md:px-0;
|
||||
}
|
||||
.nav-list.is-mounted {
|
||||
@@ -528,7 +528,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.official {
|
||||
@apply overflow-x-hidden overflow-y-scroll pb-2 md:flex md:items-center md:space-x-8 md:pb-0 md:overflow-visible;
|
||||
@apply overflow-x-hidden overflow-y-scroll mb-2 md:flex md:items-center md:space-x-8 md:mb-0 md:overflow-visible;
|
||||
}
|
||||
.custom-theme-scrollbar::-webkit-scrollbar {
|
||||
@apply w-1;
|
||||
@@ -562,7 +562,8 @@ onMounted(() => {
|
||||
|
||||
.event {
|
||||
@apply relative pr-1 md:ml-[64px] md:pr-0
|
||||
md:after:content-[''] md:after:absolute md:after:top-[50%] md:after:left-[-32px] md:after:w-[1px] md:after:h-[16px] md:after:bg-theme-foreground-gray-750 md:after:translate-y-[-50%];
|
||||
before:content-[''] before:block before:h-px before:mb-2 before:mx-3 before:bg-theme-foreground-reversal-8 md:before:hidden
|
||||
after:content-[''] after:absolute md:after:top-[50%] md:after:left-[-32px] md:after:w-[1px] md:after:h-[16px] md:after:bg-theme-foreground-gray-750 md:after:translate-y-[-50%];
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
@@ -570,7 +571,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.btn-start {
|
||||
@apply relative mt-2 px-5 md:absolute md:top-[0] md:right-0 md:flex md:items-center md:h-full md:mt-0 md:px-0;
|
||||
@apply relative py-2 px-5 md:absolute md:top-[0] md:right-0 md:flex md:items-center md:h-full md:py-0 md:px-0;
|
||||
}
|
||||
.btn-start:hover .nav-2depth {
|
||||
@apply md:block;
|
||||
|
||||
Reference in New Issue
Block a user