huanld/speckle-server
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Tidy up numeric filters (#2054)

Browse Source
This commit is contained in:
andrewwallacespeckle
2024-02-20 12:12:10 +00:00
committed by GitHub
parent 3a25277c2c
commit d545480e7d
1 changed files with 34 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend-2/components/viewer/explorer/NumericFilter.vue
+34 -30
View File
@@ -7,41 +7,45 @@
</div>
<div class="flex flex-col space-y-2">
<div class="flex items-center justify-between w-full">
<div>
<div class="flex flex-col gap-2">
<label class="text-xs text-foreground-2 mr-2" for="min">Min</label>
<input
id="min"
v-model="passMin"
class="h-2 mr-2"
type="range"
name="min"
:min="props.filter.min"
:max="props.filter.max"
step="0.0001"
@change="setFilterPass()"
/>
</div>
<div class="text-xs text-foreground-2 truncate min-w-0">
{{ roundedValues.min }}
<div class="flex gap-2 items-center">
<input
id="min"
v-model="passMin"
class="h-2 mr-2"
type="range"
name="min"
:min="props.filter.min"
:max="props.filter.max"
step="0.0001"
@change="setFilterPass()"
/>
<div class="text-xs text-foreground-2 truncate min-w-0">
{{ roundedValues.min }}
</div>
</div>
</div>
</div>
<div class="flex items-center justify-between w-full">
<div class="flex items-center">
<div class="flex flex-col gap-2">
<label class="text-xs text-foreground-2 mr-2" for="max">Max</label>
<input
id="max"
v-model="passMax"
class="h-2 mr-2"
type="range"
name="max"
:min="props.filter.min"
:max="props.filter.max"
step="0.0001"
@change="setFilterPass()"
/>
</div>
<div class="text-xs text-foreground-2 truncate min-w-0">
{{ roundedValues.max }}
<div class="flex gap-2 items-center">
<input
id="max"
v-model="passMax"
class="h-2 mr-2"
type="range"
name="max"
:min="props.filter.min"
:max="props.filter.max"
step="0.0001"
@change="setFilterPass()"
/>
<div class="text-xs text-foreground-2 truncate min-w-0 max-w-12">
{{ roundedValues.max }}
</div>
</div>
</div>
</div>
</div>