diff --git a/src/lib/components/Circle/Circle.html.svelte b/src/lib/components/Circle/Circle.html.svelte index dc827372..3406da52 100644 --- a/src/lib/components/Circle/Circle.html.svelte +++ b/src/lib/components/Circle/Circle.html.svelte @@ -6,6 +6,7 @@ import { stratify, pack, hierarchy } from 'd3-hierarchy' import { getContext } from 'svelte'; import { format } from 'd3-format'; + import { screenWidth } from '$lib/store'; const { width, height, data } = getContext('LayerCake'); @@ -78,6 +79,7 @@ $: descendants = packed.descendants(); + $: ballSize = $screenWidth < 1024 ? 2 : 3; const titleCase = d => d.replace(/^\w/, w => w.toUpperCase()); const commas = format(','); @@ -92,7 +94,7 @@ >
-
-
-
-
-
+
+
@@ -190,7 +187,7 @@ $: { -
+
The Options activity signals a {#if signal === 'Bullish' } @@ -250,12 +247,11 @@ $: {
{/if} -
-
-
-
+ + + +
- diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte index a7567f6b..36f14ba8 100644 --- a/src/routes/stocks/[tickerID]/+layout.svelte +++ b/src/routes/stocks/[tickerID]/+layout.svelte @@ -487,17 +487,17 @@ $: isScrolled = y > 0; -
+
-
+
-
+
-