Tune card heights
This commit is contained in:
@@ -5,7 +5,7 @@ import { color_by_name } from "../../util/Util.svelte";
|
|||||||
import { formatDataVolume, formatThousands } from "../../util/Formatting.svelte";
|
import { formatDataVolume, formatThousands } from "../../util/Formatting.svelte";
|
||||||
|
|
||||||
export let card_size = 1
|
export let card_size = 1
|
||||||
$: chart_height = (100 + (card_size * 50)) + "px"
|
$: chart_height = (80 + (card_size * 60)) + "px"
|
||||||
let graph_views_downloads = null
|
let graph_views_downloads = null
|
||||||
let graph_bandwidth = null
|
let graph_bandwidth = null
|
||||||
|
|
||||||
|
@@ -198,9 +198,9 @@ onMount(() => {
|
|||||||
.size_1 { width: 400px; }
|
.size_1 { width: 400px; }
|
||||||
.size_1 > .card_component { max-height: 400px; }
|
.size_1 > .card_component { max-height: 400px; }
|
||||||
.size_2 { width: 800px; }
|
.size_2 { width: 800px; }
|
||||||
.size_2 > .card_component { max-height: 500px; }
|
.size_2 > .card_component { max-height: 600px; }
|
||||||
.size_3 { width: 1200px; }
|
.size_3 { width: 1200px; }
|
||||||
.size_3 > .card_component { max-height: 600px; }
|
.size_3 > .card_component { max-height: 800px; }
|
||||||
|
|
||||||
.title_box {
|
.title_box {
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
|
Reference in New Issue
Block a user