enhancement: setting ram overview break point at lg screen

greymass · Nov 2, 2024 · 2852054 · 2852054
1 parent 78ae7e8
commit 2852054
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/lib/components/chart/rampricehistory.svelte b/src/lib/components/chart/rampricehistory.svelte
@@ -17,6 +17,8 @@
 
 	let { data }: Props = $props();
 
+	console.log({ length: data.length, first20: data.slice(0, 20), last20: data.slice(-20) });
+
 	let ctx: HTMLCanvasElement;
 	let chart: Chart<'line'>;
 

diff --git a/src/routes/[network]/(account)/ram/+page.svelte b/src/routes/[network]/(account)/ram/+page.svelte
@@ -62,8 +62,8 @@
 	let bytesInput: BytesInput;
 </script>
 
-<div class="flex flex-col space-y-4 p-4 text-white lg:flex-row lg:space-x-4 lg:space-y-0">
-	<div class="w-full space-y-4 lg:w-1/2">
+<div class="flex flex-col space-y-4 p-4 text-white xl:flex-row xl:space-x-4 xl:space-y-0">
+	<div class="w-full space-y-4 xl:w-1/2">
 		<Card class="flex flex-row">
 			<div class="mb-4 w-1/2">
 				<div class="h-24">
@@ -176,7 +176,7 @@
 			</Stack>
 		</Card>
 	</div>
-	<div class="w-full space-y-4 lg:w-1/2">
+	<div class="w-full space-y-4 xl:w-1/2">
 		<Card class="bg-transparent p-0">
 			<RamPriceHistory data={data.historicalPrices} />
 		</Card>