fix: ToggleList text offset

This commit is contained in:
RockinChaos 2024-08-01 16:17:16 -07:00
parent 68737c1b46
commit 5594d54456

View file

@ -12,7 +12,7 @@
<span class='d-flex align-items-end pointer' use:click={toggleList}>
<div class='w-full d-flex flex-row align-items-center pt-20 mt-10'>
<hr class='w-full' />
<div class='font-size-18 font-weight-semi-bold px-20 text-white'>{title}</div>
<div class='title position-absolute font-size-18 font-weight-semi-bold px-20 text-white'>{title}</div>
<hr class='w-full' />
{#if list.length > 4}
<div class='ml-auto pl-20 font-size-12 more text-muted text-nowrap'>{showMore ? 'Show Less' : 'Show More'}</div>
@ -27,6 +27,10 @@
{/if}
<style>
.title {
left: 50%;
transform: translateX(-50%);
}
.gallery :global(.first-check:first-child) :global(.absolute-container) {
left: -48% !important;
}