Bläddra i källkod

fix: feedback score overflow styling

Timothy Jaeryang Baek 8 månader sedan
förälder
incheckning
a944e1f526
1 ändrade filer med 3 tillägg och 3 borttagningar
  1. 3 3
      src/lib/components/chat/Messages/RateComment.svelte

+ 3 - 3
src/lib/components/chat/Messages/RateComment.svelte

@@ -137,8 +137,8 @@
 	</div>
 
 	<div class="w-full flex justify-center">
-		<div class=" relative w-fit">
-			<div class="mt-1.5 w-fit flex gap-1 pb-5">
+		<div class=" relative w-fit overflow-x-auto scrollbar-none">
+			<div class="mt-1.5 w-fit flex gap-1 pb-2">
 				<!-- 1-10 scale -->
 				{#each Array.from({ length: 10 }).map((_, i) => i + 1) as rating}
 					<button
@@ -156,7 +156,7 @@
 				{/each}
 			</div>
 
-			<div class="absolute bottom-0 left-0 right-0 flex justify-between text-xs">
+			<div class="sticky top-0 bottom-0 left-0 right-0 flex justify-between text-xs">
 				<div>
 					1 - {$i18n.t('Awful')}
 				</div>