forked from Shinonome/dots-hyprland
sideleft: conversions: style adjustments
This commit is contained in:
@@ -20,8 +20,8 @@ const conversions = [
|
|||||||
forcePrecision: true,
|
forcePrecision: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
unit1: 'degrees',
|
unit1: 'deg',
|
||||||
unit2: 'radians',
|
unit2: 'rad',
|
||||||
unit1Default: 90,
|
unit1Default: 90,
|
||||||
formula1to2: '{{x}} * Math.PI / 180',
|
formula1to2: '{{x}} * Math.PI / 180',
|
||||||
formula2to1: '{{x}} * 180 / Math.PI',
|
formula2to1: '{{x}} * 180 / Math.PI',
|
||||||
@@ -63,13 +63,13 @@ export default () => {
|
|||||||
const ValueBox = ({ unit, initValue = 0, updateCallback }) => {
|
const ValueBox = ({ unit, initValue = 0, updateCallback }) => {
|
||||||
const unitName = Label({
|
const unitName = Label({
|
||||||
xalign: 0,
|
xalign: 0,
|
||||||
className: 'txt txt-smallie',
|
className: 'txt txt-smallie txt-semibold margin-top-2 margin-left-2',
|
||||||
label: `${unit}`,
|
label: `${unit}`,
|
||||||
});
|
});
|
||||||
const entry = Entry({
|
const entry = Entry({
|
||||||
hexpand: 'true',
|
hexpand: 'true',
|
||||||
widthChars: 10,
|
widthChars: 10,
|
||||||
className: 'txt-small techfont',
|
className: 'txt-small techfont margin-left-2',
|
||||||
text: `${initValue}`,
|
text: `${initValue}`,
|
||||||
onChange: updateCallback,
|
onChange: updateCallback,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -403,7 +403,7 @@
|
|||||||
@include button-minsize;
|
@include button-minsize;
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $spacing in (5, 8, 10, 15, 20) {
|
@each $spacing in (2, 5, 8, 10, 15, 20) {
|
||||||
@each $dir in ("top", "bottom", "left", "right") {
|
@each $dir in ("top", "bottom", "left", "right") {
|
||||||
.margin-#{$dir}-#{$spacing} {
|
.margin-#{$dir}-#{$spacing} {
|
||||||
margin-#{$dir}: 0.068rem * $spacing;
|
margin-#{$dir}: 0.068rem * $spacing;
|
||||||
|
|||||||
@@ -512,7 +512,7 @@ $colorpicker_rounding: 0.341rem;
|
|||||||
|
|
||||||
.sidebar-module-csscalc-valuebox {
|
.sidebar-module-csscalc-valuebox {
|
||||||
@include small-rounding;
|
@include small-rounding;
|
||||||
padding: 0.341rem;
|
padding: 0.477rem;
|
||||||
background-color: $layer2;
|
background-color: $layer2;
|
||||||
color: $onLayer2;
|
color: $onLayer2;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user