fix(nfts): snaefell-ui scroll fixes (#17402)

taikoxyz · May 29, 2024 · a72e187 · a72e187
1 parent 32cde32
commit a72e187
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/packages/snaefell-ui/src/components/ConnectButton/ConnectButton.svelte b/packages/snaefell-ui/src/components/ConnectButton/ConnectButton.svelte
@@ -89,7 +89,7 @@
         Connecting
       {/if}
     {:else}
-      <CircleUserIcon size="16" class={classNames('w-[200px] h-12')} />
+      <CircleUserIcon size="24" class={classNames('h-12')} />
       {#if windowSize !== 'sm'}
         Connect Wallet{/if}
     {/if}

diff --git a/packages/snaefell-ui/src/components/ConnectButton/classes.ts b/packages/snaefell-ui/src/components/ConnectButton/classes.ts
@@ -33,8 +33,10 @@ export const addressClasses = classNames(
 export const chainIconClasses = classNames('w-[24px]', 'mx-2.5');
 
 export const connectButtonClasses = classNames(
-  'w-max',
   'h-[44px]',
+  'w-max',
+  'bg-primary',
+  'hover:bg-secondary',
   'rounded-full',
   'flex flex-row',
   'justify-center',

diff --git a/packages/snaefell-ui/src/components/core/Section/Section.svelte b/packages/snaefell-ui/src/components/core/Section/Section.svelte
@@ -21,7 +21,6 @@
     background === 'none' ? '' : null,
     background !== 'none' ? 'bg-cover bg-bottom' : null,
     background === 'general' ? 'bg-custom' : null,
-    'carousel-item',
   );
 
   $: sectionClasses = classNames(

diff --git a/packages/snaefell-ui/src/components/core/Section/SectionContainer.svelte b/packages/snaefell-ui/src/components/core/Section/SectionContainer.svelte
@@ -9,7 +9,7 @@
     pageScroll.set(scrollTarget.scrollTop > 100);
   }
 
-  const sectionContainerClasses = classNames('w-full', 'h-full', 'z-0', 'carousel', 'carousel-vertical', $$props.class);
+  const sectionContainerClasses = classNames('w-full', 'h-full', 'z-0', $$props.class);
 </script>
 
 <div bind:this={scrollTarget} on:scroll={handleScroll} class={sectionContainerClasses}>

diff --git a/packages/snaefell-ui/src/components/sections/Footer.section.svelte b/packages/snaefell-ui/src/components/sections/Footer.section.svelte
@@ -42,7 +42,7 @@
     'md:px-12',
   );
 
-  const contentWrapperClasses = classNames('pt-32', 'w-full', 'h-full');
+  const contentWrapperClasses = classNames('w-full', 'h-full');
 </script>
 
 <Section height={'fit'} class={sectionClasses} width="xl">