same width for all tool menus

This commit is contained in:
vcoppe
2024-06-12 14:53:26 +02:00
parent 812961dcec
commit 7ea12972bf
5 changed files with 5 additions and 5 deletions

View File

@@ -121,7 +121,7 @@
$: validSelection = $selection.size > 0; $: validSelection = $selection.size > 0;
</script> </script>
<div class="flex flex-col gap-3 max-w-80"> <div class="flex flex-col gap-3 w-80">
<fieldset class="flex flex-col gap-3"> <fieldset class="flex flex-col gap-3">
<Label class="flex flex-row items-center gap-[6.4px] h-3"> <Label class="flex flex-row items-center gap-[6.4px] h-3">
<Checkbox bind:checked={deleteTrackpoints} class="scale-90" /> <Checkbox bind:checked={deleteTrackpoints} class="scale-90" />

View File

@@ -65,7 +65,7 @@
let mergeType = MergeType.TRACES; let mergeType = MergeType.TRACES;
</script> </script>
<div class="flex flex-col gap-3 max-w-80"> <div class="flex flex-col gap-3 w-80">
<RadioGroup.Root bind:value={mergeType}> <RadioGroup.Root bind:value={mergeType}>
<Label class="flex flex-row items-center gap-2 leading-5"> <Label class="flex flex-row items-center gap-2 leading-5">
<RadioGroup.Item value={MergeType.TRACES} /> <RadioGroup.Item value={MergeType.TRACES} />

View File

@@ -148,7 +148,7 @@
} }
</script> </script>
<div class="flex flex-col gap-3 max-w-80"> <div class="flex flex-col gap-3 w-80">
<div class="p-2"> <div class="p-2">
<Slider bind:value={sliderValue} min={0} max={100} step={1} /> <Slider bind:value={sliderValue} min={0} max={100} step={1} />
</div> </div>

View File

@@ -72,7 +72,7 @@
}); });
</script> </script>
<div class="flex flex-col gap-3 max-w-80"> <div class="flex flex-col gap-3 w-80">
<div class="p-2"> <div class="p-2">
<Slider bind:value={sliderValues} max={maxSliderValue} step={1} disabled={!validSelection} /> <Slider bind:value={sliderValues} max={maxSliderValue} step={1} disabled={!validSelection} />
</div> </div>

View File

@@ -73,7 +73,7 @@
</Button> </Button>
</div> </div>
{:else} {:else}
<div class="flex flex-col gap-3 max-w-80" in:flyAndScale={{ x: -2, y: 0, duration: 50 }}> <div class="flex flex-col gap-3 w-80" in:flyAndScale={{ x: -2, y: 0, duration: 50 }}>
<div class="grow flex flex-col gap-3"> <div class="grow flex flex-col gap-3">
<Tooltip> <Tooltip>
<Label slot="data" class="w-full flex flex-row justify-between items-center gap-2"> <Label slot="data" class="w-full flex flex-row justify-between items-center gap-2">