fix. 공통 스크롤바 스타일 수정, 여백 수정

This commit is contained in:
clkim
2025-11-26 13:09:39 +09:00
parent 77fced1249
commit 72009d43ca
5 changed files with 10 additions and 6 deletions

View File

@@ -73,7 +73,11 @@
}
.use-base img {
@apply max-w-full h-auto my-4;
@apply max-w-full h-auto;
}
.use-base iframe {
@apply max-w-full h-auto aspect-video;
}
.use-base pre {

View File

@@ -2,11 +2,11 @@ body ::-webkit-scrollbar-track {
@apply bg-transparent;
}
body ::-webkit-scrollbar {
@apply w-5;
@apply w-[12px] h-[12px];
}
body ::-webkit-scrollbar-thumb {
@apply w-1 bg-[#D9D9D9] rounded-full bg-clip-padding border-solid border-transparent border-8;
@apply w-1 h-1 bg-[#D9D9D9] rounded-full bg-clip-padding border-solid border-transparent border-[4px];
}
.custom-theme-scrollbar::-webkit-scrollbar-thumb {

View File

@@ -151,6 +151,6 @@ watch(
}
.content-tex {
@apply overflow-y-auto mb-4 px-6 sm:mb-6 sm:px-8;
@apply overflow-y-scroll mb-4 pl-6 pr-3 sm:mb-6 sm:pl-8 sm:pr-5;
}
</style>

View File

@@ -96,7 +96,7 @@ onMounted(async () => {
md:p-8 md:pt-6 md:pr-4;
}
.navigation-list {
@apply flex flex-col gap-4 h-full overflow-y-auto rounded-[20px] p-4 bg-[rgba(25,25,25,0.5)] shadow-[0_2px_4px_0_rgba(0,0,0,0.06)] backdrop-blur-[25px] transition-opacity duration-300 ease-in-out;
@apply flex flex-col gap-4 h-full overflow-y-scroll rounded-[20px] p-4 pr-1 bg-[rgba(25,25,25,0.5)] shadow-[0_2px_4px_0_rgba(0,0,0,0.06)] backdrop-blur-[25px] transition-opacity duration-300 ease-in-out;
}
.item-thumbnail {
@apply overflow-hidden relative w-[148px] h-[75px] rounded-[10px]

View File

@@ -308,7 +308,7 @@ defineExpose({
<!-- Marketing Detail Content -->
<div
v-if="isExpandedMarketing"
class="mt-4 max-h-[160px] overflow-y-auto rounded-lg bg-white/[0.04] px-4 py-3 custom-theme-scrollbar"
class="mt-4 max-h-[160px] overflow-y-scroll rounded-lg bg-white/[0.04] pl-4 pr-1 py-3 custom-theme-scrollbar"
>
<p
v-dompurify-html="tmWithGameName('Preregist_Agree_News_Info')"