aboutsummaryrefslogtreecommitdiff
path: root/src/components/component_preview
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2024-09-29 19:20:09 +0300
committerHenry Jameson <me@hjkos.com>2024-09-29 19:20:09 +0300
commitc2dfe62481ccd53bbaa9695f106a9f664f54ae4c (patch)
treed17491d5e9ed7c48177d8b220b8987e02f614de8 /src/components/component_preview
parentdd4cab74d1a3eff4a8ea49244dd01d0b5cf00ce6 (diff)
subshadow select event + better styles for preview
Diffstat (limited to 'src/components/component_preview')
-rw-r--r--src/components/component_preview/component_preview.vue15
1 files changed, 11 insertions, 4 deletions
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 151ab857..873f7e61 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -166,12 +166,19 @@
}
.preview-block {
- width: 33%;
- height: 33%;
- border-radius: var(--roundness);
background: var(--background);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-width: 33%;
+ min-height: 33%;
+ max-width: 80%;
+ max-height: 80%;
+ border-width: 0;
+ border-style: solid;
+ border-color: var(--border);
+ border-radius: var(--roundness);
box-shadow: var(--shadow);
- border: 1px solid var(--border);
}
}
}