fix. 코드 리팩토링
This commit is contained in:
@@ -200,7 +200,8 @@ const handleLoadMoreRecent = () => {
|
||||
]"
|
||||
/>
|
||||
<AtomsIconsPlayRoundFill
|
||||
class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[14px] right-[14px] w-[20px] h-[20px] sm:bottom-[18px] sm:right-[18px] md:bottom-[23px] md:right-[23px] md:w-[33px] md:h-[33px]"
|
||||
:size="breakpoints.isMobile ? 24 : 40"
|
||||
class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[12px] right-[12px] sm:bottom-[16px] sm:right-[16px] md:bottom-[16px] md:right-[16px] lg:bottom-[16px] lg:right-[16px]"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
@@ -252,7 +253,8 @@ const handleLoadMoreRecent = () => {
|
||||
class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
|
||||
/>
|
||||
<AtomsIconsPlayRoundFill
|
||||
class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[14px] right-[14px] w-[20px] h-[20px]"
|
||||
size="24"
|
||||
class="drop-shadow-[0_0_6px_rgba(0,0,0,0.25)] absolute bottom-[12px] right-[12px]"
|
||||
/>
|
||||
</div>
|
||||
<div class="p-2 pt-5 md:p-3 md:pt-5">
|
||||
@@ -273,7 +275,7 @@ const handleLoadMoreRecent = () => {
|
||||
<div v-if="hasMore" class="mt-[40px] flex justify-center md:mt-[80px]">
|
||||
<AtomsButton
|
||||
type="action"
|
||||
button-size="size-small md:size-medium"
|
||||
size="size-small md:size-medium"
|
||||
background-color="#383838"
|
||||
text-color="#FFFFFF"
|
||||
@click="handleLoadMoreRecent"
|
||||
|
||||
Reference in New Issue
Block a user