diff --git a/public/assets/css/src/_forms-section.scss b/public/assets/css/src/_forms-section.scss index 3e26c11..56bb44a 100644 --- a/public/assets/css/src/_forms-section.scss +++ b/public/assets/css/src/_forms-section.scss @@ -14,19 +14,19 @@ font-size: 0.8rem; color: var(--color-interface-400); } +} - .settings-subsection:not(:last-child) { - border-bottom: 1px solid var(--color-interface-100); - } +.settings-subsection:not(:last-child) { + border-bottom: 1px solid var(--color-interface-100); +} - .settings-subsection { - padding: var(--space-xs) 0; +.settings-subsection { + padding: var(--space-xs) 0; - h3 { - margin-top: calc(var(--space-xs) * 1.5); - margin-bottom: calc(var(--space-xs) * 2); - font-size: 1rem; - font-weight: 600; - } + h3 { + margin-top: calc(var(--space-xs) * 1.5); + margin-bottom: calc(var(--space-xs) * 2); + font-size: 1rem; + font-weight: 600; } } diff --git a/public/assets/css/src/_forms.scss b/public/assets/css/src/_forms.scss index c4dc122..d80ad59 100644 --- a/public/assets/css/src/_forms.scss +++ b/public/assets/css/src/_forms.scss @@ -78,6 +78,7 @@ input[type="number"] { width: 100%; } .field-checkbox{ + grid-column: 2; padding-top: var(--space-xs); label{ font-weight: 400; diff --git a/public/assets/css/src/_settings-popup.scss b/public/assets/css/src/_settings-popup.scss index fcb8294..27e01e4 100644 --- a/public/assets/css/src/_settings-popup.scss +++ b/public/assets/css/src/_settings-popup.scss @@ -47,10 +47,7 @@ flex: 1; padding: 1rem; overflow-y: auto; - background: white; - display: flex; - flex-direction: column; - gap: 1rem; + background-color: var(--color-panel-bg); } .settings-subsection h4 { diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 38dc5c1..5fe2f80 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -333,6 +333,7 @@ input[type=number] { width: 100%; } .field-font .field-checkbox { + grid-column: 2; padding-top: var(--space-xs); } .field-font .field-checkbox label { @@ -464,13 +465,15 @@ input[type=number] { font-size: 0.8rem; color: var(--color-interface-400); } -.settings-section .settings-subsection:not(:last-child) { + +.settings-subsection:not(:last-child) { border-bottom: 1px solid var(--color-interface-100); } -.settings-section .settings-subsection { + +.settings-subsection { padding: var(--space-xs) 0; } -.settings-section .settings-subsection h3 { +.settings-subsection h3 { margin-top: calc(var(--space-xs) * 1.5); margin-bottom: calc(var(--space-xs) * 2); font-size: 1rem; @@ -563,10 +566,7 @@ input[type=number] { flex: 1; padding: 1rem; overflow-y: auto; - background: white; - display: flex; - flex-direction: column; - gap: 1rem; + background-color: var(--color-panel-bg); } .settings-subsection h4 { diff --git a/public/assets/css/style.css.map b/public/assets/css/style.css.map index 2e67d40..093ff26 100644 --- a/public/assets/css/style.css.map +++ b/public/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/_fonts.scss","style.css","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_forms-section.scss","src/_buttons.scss","src/_settings-popup.scss"],"names":[],"mappings":"AACA;EACE,sBAAA;EACA,mFAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;ACAF;ADGA;EACE,sBAAA;EACA,0FAAA;EACA,qBAAA;EACA,kBAAA;EACA,kBAAA;ACDF;ADKA;EACE,sBAAA;EACA,kEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACHF;ADMA;EACE,sBAAA;EACA,wEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACJF;ADOA;EACE,sBAAA;EACA,mEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACLF;ADQA;EACE,sBAAA;EACA,qEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACNF;ADSA;EACE,sBAAA;EACA,oEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACPF;ADUA;EACE,sBAAA;EACA,sEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACRF;ADWA;EACE,sBAAA;EACA,kEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACTF;ADYA;EACE,sBAAA;EACA,uEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACVF;ADaA;EACE,sBAAA;EACA,mEAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACXF;ADeA;EACE,0BAAA;EACA,4EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACbF;ADgBA;EACE,0BAAA;EACA,kFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACdF;ADiBA;EACE,0BAAA;EACA,6EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACfF;ADkBA;EACE,0BAAA;EACA,+EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;AChBF;ADmBA;EACE,0BAAA;EACA,8EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACjBF;ADoBA;EACE,0BAAA;EACA,gFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;AClBF;ADqBA;EACE,0BAAA;EACA,4EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACnBF;ADsBA;EACE,0BAAA;EACA,iFAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACpBF;ADuBA;EACE,0BAAA;EACA,6EAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACrBF;AC3IA;EAMI,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EAGA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADsIJ;;ACpFA;EACE,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADuFF;;ACnFA;EACE,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;ADsFF;;AE7LA;;EAEE,UAAA;EACA,SAAA;AFgMF;;AE7LA;;;;;;EAME,SAAA;AFgMF;;AE7LA;;EAEE,YAAA;EACA,aAAA;EAEA,mCAAA;AF+LF;;AE5LA;EACE,6BAAA;EACA,YAAA;AF+LF;;AE5LA;EACE,WAAA;AF+LF;;AG5NA;EAIE,8BAAA;EACA,8BAAA;EAMA,uCAAA;EACA,4CAAA;EAEA,+BAAA;EACA,uBAAA;EAEA,uBAAA;EAEA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EAEA,uCAAA;EAEA,mCAAA;EACA,gCAAA;EAGA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,eAAA;EACA,eAAA;EAEA,gBAAA;EACA,mBAAA;AH+MF;;AIrPA;EACE,8BAAA;EACA,uBAAA;AJwPF;;AK1PA,yBAAA;AACA;EACE,QAAA;EACA,2BAAA;AL6PF;AK3PA;EACE,8BAAA;OAAA,kBAAA;AL6PF;;AK1PA;EACE;IACE,sBAAA;EL6PF;AACF;AK3PA;EACE,+BAAA;AL6PF;;AM5QA;;;EAGE,sBAAA;EACA,4CAAA;EACA,4CAAA;EACA,8BAAA;EACA,uBAAA;EACA,eAAA;EACA,mBAAA;AN+QF;;AMxQA;EACE,aAAA;AN2QF;AMxQE;EACE,gBAAA;EACA,uBAAA;AN0QJ;AMrQE;EACE,aAAA;EACA,WAAA;ANuQJ;AMlQE;EACE,sBAAA;EACA,aAAA;EACA,WAAA;EACA,mBAAA;ANoQJ;AMjQE;EACE,WAAA;ANmQJ;AMlQI;EACE,WAAA;EACA,aAAA;EACA,qCAAA;EACA,aAAA;ANoQN;AMnQM;EACE,cAAA;EACA,kBAAA;EACA,mCAAA;ANqQR;AMlQM;EACE,cAAA;ANoQR;;AM5PA;EACE,aAAA;EACA,yCAAA;AN+PF;AM9PE;EACE,kBAAA;ANgQJ;;AM5PA;EACE,aAAA;EACA,yCAAA;EACA,iDAAA;AN+PF;AM7PE;EACE,WAAA;AN+PJ;AM7PE;EACE,4BAAA;AN+PJ;AM9PI;EACE,gBAAA;EACA,mBAAA;EACA,uBAAA;ANgQN;;AM1PE;EACE,2BAAA;EACA,oBAAA;AN6PJ;AM3PE;EACE,YAAA;EACA,cAAA;AN6PJ;;AMzPA;EACE,oBAAA;EACA,sBAAA;EACA,qDAAA;EACA,8BAAA;AN4PF;AM3PE;EACE,2BAAA;EACA,oBAAA;AN6PJ;AM3PE;EACE,iBAAA;AN6PJ;;AMvPA;EACE,mCAAA;EACA,8BAAA;AN0PF;AMzPE;EACE,kBAAA;EACA,SAAA;AN2PJ;;AMpPA;EACE,YAAA;ANuPF;;AMpPA,2BAAA;AACA;EACE,8DAAA;UAAA,sDAAA;EACA,0BAAA;EACA,YAAA;EACA,kBAAA;ANuPF;AMrPE;EACE,uBAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,kBAAA;EACA,uBAAA;EACA,sCAAA;EACA,iCAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,UAAA;EACA,kBAAA;EACA,qDACE;EAEF,WAAA;ANqPJ;AMlPE;EACE,UAAA;EACA,mBAAA;ANoPJ;;AMvOA;;EAEE,wBAAA;EACA,gBAAA;EACA,SAAA;AN0OF;;AMvOA;EACE,0BAAA;AN0OF;;AMtOA;EACE,kBAAA;ANyOF;AMvOE;EACE,cAAA;EACA,iBAAA;ANyOJ;AMvOE;EACE,sBAAA;EACA,qBAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;ANyOJ;AMvOI;EACE,kCAAA;EACA,eAAA;EACA,UAAA;ANyON;AMxOM;EACE,WAAA;EACA,YAAA;AN0OR;AMxOM;EACI,gCAAA;AN0OV;AMvOQ;EACE,gCAAA;ANyOV;AOjcA;EACE,wBAAA;APmcF;AOjcE;EACE,2BAAA;EAEA,gBAAA;EACA,iBAAA;EACA,yCAAA;EACA,uBAAA;APkcJ;AO/bE;EACE,iBAAA;EACA,iCAAA;APicJ;AO9bE;EACE,mDAAA;APgcJ;AO7bE;EACE,0BAAA;AP+bJ;AO7bI;EACE,uCAAA;EACA,wCAAA;EACA,eAAA;EACA,gBAAA;AP+bN;;AQzdE;EACE,eAAA;EAEA,4CAAA;EACA,iCAAA;EACA,uCAAA;EACA,mCAAA;EACA,sBAAA;EACA,mCAAA;AR2dJ;AQxdI;EACE,4CAAA;AR0dN;AQvdI;EAEE,iCAAA;EACA,4CAAA;EACA,YAAA;ARwdN;;AQ/cE;EACE,iCAAA;EACA,eAAA;EACA,8BAAA;EACA,sBAAA;EACA,cAAA;EACA,8BAAA;EACA,mCAAA;EACA,gBAAA;EACA,uCAAA;ARkdJ;AQhdI;EACE,4CAAA;EACA,wCAAA;EACA,4BAAA;ARkdN;AQ/cI;EACE,eAAA;EACA,4CAAA;ARidN;;AShgBA;EACE,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,yCAAA;EACA,cAAA;EACA,YAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;ATmgBF;;AShgBA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,qBAAA;EACA,gCAAA;EACA,mBAAA;ATmgBF;;AShgBA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;ATmgBF;;AShgBA;EACE,gBAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;EACA,cAAA;EACA,UAAA;EACA,WAAA;ATmgBF;;AShgBA;EACE,aAAA;EACA,OAAA;EACA,gBAAA;ATmgBF;;AShgBA;EACE,OAAA;EACA,aAAA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,SAAA;ATmgBF;;AShgBA;EACE,oBAAA;EACA,mBAAA;EACA,gBAAA;ATmgBF;;AS7dA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;EACA,UAAA;EACA,uBAAA;EACA,YAAA;EACA,eAAA;EACA,mBAAA;EACA,WAAA;EACA,sBAAA;ATgeF;AS9dE;EACE,WAAA;ATgeJ;AS7dE;EACE,cAAA;EACA,eAAA;AT+dJ;;AS1dA;EACE,OAAA;EACA,mBAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;AT6dF;;AS1dA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,gCAAA;EACA,mBAAA;EACA,gBAAA;AT6dF;;ASzdA;EACE,aAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;AT4dF;AS1dE;EACE,kBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;AT4dJ;;ASxdA;EACE,kBAAA;EACA,qBAAA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,mBAAA;EACA,gCAAA;AT2dF;ASzdE;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,+BAAA;AT2dJ;;ASvdA;EACE,mBAAA;AT0dF;ASxdE;EACE,2BAAA;AT0dJ;;ASrdA;EACE,OAAA;EACA,SAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;EACA,8CAAA;EACA,kBAAA;EACA,gBAAA;EACA,gBAAA;EACA,qBAAA;ATwdF;;ASpdA;EACE,OAAA;EACA,WAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;EACA,gBAAA;EACA,8CAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;ATudF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["src/_fonts.scss","style.css","src/_colors.scss","src/_reset.scss","src/_variables.scss","src/_text.scss","src/_print-styles.scss","src/_forms.scss","src/_forms-section.scss","src/_buttons.scss","src/_settings-popup.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/src/components/ElementPopup.vue b/src/components/ElementPopup.vue index 21764fa..f9e7e5f 100644 --- a/src/components/ElementPopup.vue +++ b/src/components/ElementPopup.vue @@ -18,19 +18,17 @@
-
+
- - +
+ +
+ + +
+
@@ -38,18 +36,7 @@
-
- -
+
@@ -276,6 +263,7 @@ import { useStylesheetStore } from '../stores/stylesheet'; import { usePopupPosition } from '../composables/usePopupPosition'; import { useDebounce } from '../composables/useDebounce'; import NumberInput from './ui/NumberInput.vue'; +import UnitToggle from './ui/UnitToggle.vue'; import Coloris from '@melloware/coloris'; import '@melloware/coloris/dist/coloris.css'; import hljs from 'highlight.js/lib/core'; @@ -321,6 +309,18 @@ const background = ref({ value: 'transparent' }); const marginOuter = ref({ value: 0, unit: 'mm' }); const paddingInner = ref({ value: 0, unit: 'mm' }); +// Constants +const fonts = ['Alegreya Sans', 'Alegreya', 'Arial', 'Georgia', 'Times New Roman']; +const weights = ['200', '300', '400', '600', '800']; + +// Computed to adapt fontWeight for UnitToggle +const fontWeightString = computed({ + get: () => String(fontWeight.value.value), + set: (val) => { + fontWeight.value.value = parseInt(val); + } +}); + const immediateUpdate = (callback) => { callback(); }; @@ -794,43 +794,4 @@ defineExpose({ handleIframeClick, close, visible }); color: var(--color-purple); font-size: 0.875rem; } - -.button-group { - display: flex; - gap: 0.25rem; -} - -.button-group button { - padding: 0.25rem 0.5rem; - font-size: 0.75rem; - border: 1px solid #ddd; - background: white; - cursor: pointer; - transition: all 0.2s; -} - -.button-group button.active { - background: #61afef; - color: white; - border-color: #61afef; -} - -.button-group button:disabled { - opacity: 0.5; - cursor: not-allowed; -} - -.checkbox-inline { - display: inline-flex; - align-items: center; - gap: 0.25rem; - margin-left: 1rem; - font-size: 0.875rem; - cursor: pointer; -} - -.checkbox-inline input[type="checkbox"] { - margin: 0; - cursor: pointer; -} diff --git a/src/components/ui/UnitToggle.vue b/src/components/ui/UnitToggle.vue index 17228cc..6b0d571 100644 --- a/src/components/ui/UnitToggle.vue +++ b/src/components/ui/UnitToggle.vue @@ -5,6 +5,7 @@ :key="unit" type="button" :class="{ active: modelValue === unit }" + :disabled="disabled" @click="$emit('update:modelValue', unit)" > {{ unit }} @@ -21,6 +22,10 @@ defineProps({ units: { type: Array, default: () => ['mm', 'px'] + }, + disabled: { + type: Boolean, + default: false } });