mirror of
https://codeberg.org/PLG-Development/PLG-MuDiCS
synced 2026-07-06 00:47:09 +00:00
chore(control): improve zoom-in/zoom-out buttons
This commit is contained in:
@@ -220,25 +220,25 @@
|
|||||||
<div class="flex flex-row">
|
<div class="flex flex-row">
|
||||||
<Button
|
<Button
|
||||||
title="Bildschirme größer darstellen"
|
title="Bildschirme größer darstellen"
|
||||||
className="aspect-square p-1! rounded-r-none"
|
className="aspect-square p-1.5! pr-1! rounded-r-none"
|
||||||
bg="bg-stone-600"
|
bg="bg-stone-600"
|
||||||
disabled={!Boolean(next_height_step_size('display', $current_height, 1))}
|
disabled={!Boolean(next_height_step_size('display', $current_height, 1))}
|
||||||
click_function={() => {
|
click_function={() => {
|
||||||
change_height('display', 1);
|
change_height('display', 1);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<ZoomIn />
|
<ZoomIn class="size-full" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
title="Bildschirme kleiner darstellen"
|
title="Bildschirme kleiner darstellen"
|
||||||
className="aspect-square p-1! rounded-l-none"
|
className="aspect-square p-1.5! pl-1! rounded-l-none"
|
||||||
bg="bg-stone-600"
|
bg="bg-stone-600"
|
||||||
disabled={!Boolean(next_height_step_size('display', $current_height, -1))}
|
disabled={!Boolean(next_height_step_size('display', $current_height, -1))}
|
||||||
click_function={() => {
|
click_function={() => {
|
||||||
change_height('display', -1);
|
change_height('display', -1);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<ZoomOut />
|
<ZoomOut class="size-full" />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -246,28 +246,28 @@
|
|||||||
<span class="text-xl font-bold pl-2 content-center truncate min-w-0">
|
<span class="text-xl font-bold pl-2 content-center truncate min-w-0">
|
||||||
Dateien anzeigen und verwalten
|
Dateien anzeigen und verwalten
|
||||||
</span>
|
</span>
|
||||||
<div class="flex flex-ro">
|
<div class="flex flex-row">
|
||||||
<Button
|
<Button
|
||||||
title="Dateien größer darstellen"
|
title="Dateien größer darstellen"
|
||||||
className="aspect-square p-1! rounded-r-none"
|
className="aspect-square p-1.5! pr-1! rounded-r-none"
|
||||||
bg="bg-stone-600"
|
bg="bg-stone-600"
|
||||||
disabled={!Boolean(next_height_step_size('file', $current_height, 1))}
|
disabled={!Boolean(next_height_step_size('file', $current_height, 1))}
|
||||||
click_function={() => {
|
click_function={() => {
|
||||||
change_height('file', 1);
|
change_height('file', 1);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<ZoomIn />
|
<ZoomIn class="size-full" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
title="Dateien kleiner darstellen"
|
title="Dateien kleiner darstellen"
|
||||||
className="aspect-square p-1! rounded-l-none"
|
className="aspect-square p-1.5! pl-1! rounded-l-none"
|
||||||
bg="bg-stone-600"
|
bg="bg-stone-600"
|
||||||
disabled={!Boolean(next_height_step_size('file', $current_height, -1))}
|
disabled={!Boolean(next_height_step_size('file', $current_height, -1))}
|
||||||
click_function={() => {
|
click_function={() => {
|
||||||
change_height('file', -1);
|
change_height('file', -1);
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<ZoomOut />
|
<ZoomOut class="size-full"/>
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user