fix. 공통 스타일 수정

This commit is contained in:
clkim
2025-11-06 13:57:50 +09:00
parent 6b1b9885a0
commit f839a7be41
16 changed files with 36 additions and 26 deletions

View File

@@ -3,19 +3,19 @@
.size-large {
/* height: 64px */
@apply px-10 h-16 text-lg rounded-lg
before:rounded after:rounded;
before:rounded-lg after:rounded-lg;
}
.size-medium {
/* height: 56px */
@apply px-10 h-14 text-base rounded-lg
before:rounded after:rounded;
before:rounded-lg after:rounded-lg;
}
.size-small {
/* height: 48px */
@apply px-10 h-12 text-sm rounded-lg
before:rounded after:rounded;
before:rounded-lg after:rounded-lg;
}
.size-extra-small {

View File

@@ -1,7 +1,7 @@
/* Button Size Classes */
@layer components {
.modal-wrap {
@apply fixed inset-0 flex p-5 z-[800];
@apply overflow-auto fixed inset-0 flex p-5 z-[800];
}
.modal-wrap.dimmed {

View File

@@ -22,7 +22,8 @@
@apply hidden md:block;
}
.splide-arrow {
@apply absolute top-1/2 w-[48px] h-[48px] bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5]
@apply absolute top-1/2 w-[40px] h-[40px] bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5]
md:w-[40px] md:h-[40px]
after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:rounded-full after:bg-white after:transition-opacity after:duration-300 after:ease-in-out after:opacity-0
hover:after:opacity-10;
}