unit_setting.vue
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

unit_setting.vue
View Options

	<template>
	<span
	v-if="matchesExpertLevel"
	class="UnitSetting"
	>
	<label
	:for="path"
	class="size-label"
	>
	<slot />
	</label>
	{{ ' ' }}
	<input
	:id="path"
	class="input number-input"
	type="number"
	:step="step"
	:disabled="disabled"
	:min="min \|\| 0"
	:value="stateValue"
	@change="updateValue"
	>
	<Select
	:id="path"
	:model-value="stateUnit"
	:disabled="disabled"
	class="unit-input unstyled"
	@change="updateUnit"
	>
	<option
	v-for="option in units"
	:key="option"
	:value="option"
	>
	{{ getUnitString(option) }}
	</option>
	</Select>
	{{ ' ' }}
	<ModifiedIndicator
	:changed="isChanged"
	:onclick="reset"
	/>
	</span>
	</template>

	<script src="./unit_setting.js"></script>

	<style lang="scss">
	.UnitSetting {
	.number-input {
	max-width: 6.5em;
	text-align: right;
	}

	.unit-input,
	.unit-input select {
	min-width: 4em;
	width: auto;
	}
	}

	</style>