Added divider to UI between basic and advanced settings

This commit is contained in:
Lucas Dower 2023-05-21 15:53:25 +01:00
parent f3b2a6dcc2
commit 1b605e82da
No known key found for this signature in database
GPG Key ID: B3EE6B8499593605
4 changed files with 18 additions and 4 deletions

View File

@ -160,6 +160,7 @@ export const en_GB = {
alpha: 'Alpha',
on: 'On',
off: 'Off',
advanced_settings: 'Advanced settings'
},
},
};

View File

@ -61,7 +61,6 @@ export class ImageComponent extends ConfigComponent<Promise<TImageRawWrap>, HTML
fileReader.onload = function () {
if (typeof fileReader.result === 'string') {
// convert image file to base64 string
console.log('base64 png', fileReader.result);
res({ filetype: file.type === 'image/jpeg' ? 'jpg' : 'png', raw: fileReader.result });
} else {
rej(Error());

View File

@ -27,10 +27,10 @@ export class PlaceholderComponent extends ConfigComponent<undefined, HTMLDivElem
public override generateHTML(): string {
return `
<div class="property" style="justify-content: center;">
<div class="property" style="justify-content: center; height: var(--property-height);">
<div id="${this._getLabelId()}"></div>
<div id="${this._getId()}-prop"></div>
${this._generateInnerHTML()}
<i>${this._generateInnerHTML()}</i>
</div>
`;
}

View File

@ -170,14 +170,25 @@ export class UI {
payload: 'first',
})
.setLabel('voxelise.components.voxel_overlap'),
'colourAccuracy': new SliderComponent()
.setMin(1)
.setMax(8)
.setDefaultValue(5)
.setDecimals(1)
.setStep(0.1)
.setLabel('assign.components.colour_accuracy'),
'placeholder': new PlaceholderComponent()
.setPlaceholderText('misc.advanced_settings'),
},
componentOrder: [
'constraintAxis',
'size',
'placeholder',
'voxeliser',
'ambientOcclusion',
'multisampleColouring',
'voxelOverlapRule',
'colourAccuracy'
],
execButton: new ButtonComponent()
.setOnClick(() => {
@ -277,11 +288,14 @@ export class UI {
.setStep(1)
.setLabel('assign.components.light_threshold')
.setShouldObeyGroupEnables(false),
'placeholder': new PlaceholderComponent()
.setPlaceholderText('misc.advanced_settings'),
},
componentOrder: [
'textureAtlas',
'blockPalette',
'dithering',
'placeholder',
'textureAtlas',
'ditheringMagnitude',
'fallable',
'colourAccuracy',