diff options
| author | Henry Jameson <me@hjkos.com> | 2024-09-29 19:20:09 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-09-29 19:20:09 +0300 |
| commit | c2dfe62481ccd53bbaa9695f106a9f664f54ae4c (patch) | |
| tree | d17491d5e9ed7c48177d8b220b8987e02f614de8 /src/components/component_preview/component_preview.vue | |
| parent | dd4cab74d1a3eff4a8ea49244dd01d0b5cf00ce6 (diff) | |
subshadow select event + better styles for preview
Diffstat (limited to 'src/components/component_preview/component_preview.vue')
| -rw-r--r-- | src/components/component_preview/component_preview.vue | 15 |
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); } } } |