massive visual overhaul

This commit is contained in:
Henry Jameson 2025-12-10 18:34:19 +02:00
commit 1642d62b82
63 changed files with 387 additions and 399 deletions

View file

@ -1,5 +1,6 @@
.StyleTab {
min-width: var(--themeEditorMinWidth, fit-content);
margin: 1em;
.style-control {
align-items: baseline;
@ -45,7 +46,7 @@
}
}
.setting-item.heading {
.setting-section.heading {
padding: 0;
}
@ -84,7 +85,7 @@
}
}
.setting-item {
.setting-section {
padding-bottom: 0;
.btn {

View file

@ -3,7 +3,7 @@
<template>
<div class="StyleTab">
<div class="setting-item heading">
<div class="setting-section heading">
<div class="meta-preview">
<Preview id="edited-style-preview" />
<teleport
@ -82,7 +82,7 @@
<tab-switcher>
<div
key="component"
class="setting-item component-editor"
class="setting-section component-editor"
:label="$t('settings.style.themes3.editor.component_tab')"
:full-width="true"
>
@ -331,7 +331,7 @@
<div
key="palette"
:label="$t('settings.style.themes3.editor.palette_tab')"
class="setting-item list-editor palette-editor"
class="setting-section list-editor palette-editor"
:full-width="true"
>
<label

View file

@ -1,7 +1,7 @@
<script src="./virtual_directives_tab.js"></script>
<template>
<div class="setting-item list-editor variables-editor">
<div class="setting-section list-editor variables-editor">
<label
class="list-select-label"
for="variables-selector"