configurable borderRadius for Button and Dropdown

This commit is contained in:
Henri
2026-01-21 19:10:35 +02:00
parent cf8b623340
commit 5d21aa119d
4 changed files with 23 additions and 17 deletions

View File

@@ -21,44 +21,44 @@
<Section padding="small">
<Grid>
<nav class="z-10 flex gap-4 justify-end text-xl">
<Dropdown name={$text.nav.about} variant="borderless">
<Button onClick={() => navigate("/mis-teeme")}
<Dropdown borderRadius="4px" name={$text.nav.about} variant="borderless">
<Button borderRadius="4px" onClick={() => navigate("/mis-teeme")}
>{$text.nav.aboutPages.info}</Button
>
<Button onClick={() => navigate("/liitu-meiega")}
<Button borderRadius="4px" onClick={() => navigate("/liitu-meiega")}
><Bot />{$text.nav.aboutPages.join}</Button
>
<Button onClick={() => navigate("/mentorid")}
<Button borderRadius="4px" onClick={() => navigate("/mentorid")}
><HandHeart />{$text.nav.aboutPages.mentors}</Button
>
<Button onClick={() => navigate("/juhatus")}
<Button borderRadius="4px" onClick={() => navigate("/juhatus")}
><Lectern />{$text.nav.aboutPages.board}</Button
>
</Dropdown>
<Dropdown name={$text.nav.events} variant="borderless">
<Button onClick={() => navigate("/kalender")}
<Dropdown borderRadius="4px" name={$text.nav.events} variant="borderless">
<Button borderRadius="4px" onClick={() => navigate("/kalender")}
><CalendarClock />{$text.nav.eventsPages.calendar}</Button
>
<Button
<Button borderRadius="4px"
onClick={() => navigate("https://asikarikas.ee/", { external: true })}
><Trophy />ASI Karikas</Button
>
<Button onClick={() => navigate("/mentorid")}
<Button borderRadius="4px" onClick={() => navigate("/mentorid")}
><Presentation />{$text.nav.eventsPages.workshops}</Button
>
<Button onClick={() => navigate("/rebased")}
<Button borderRadius="4px" onClick={() => navigate("/rebased")}
><Swords />{$text.nav.eventsPages.fresh}</Button
>
<Button
<Button borderRadius="4px"
onClick={() =>
navigate("https://remondikohvik.lapikud.ee/", { external: true })}
><Coffee />{$text.nav.eventsPages.repair}</Button
>
</Dropdown>
<Button onClick={() => navigate("/kontakt")}
<Button borderRadius="4px" onClick={() => navigate("/kontakt")}
>{$text.nav.contact}
</Button>
<Button onClick={() => navigate("/helpdesk")}
<Button borderRadius="4px" onClick={() => navigate("/helpdesk")}
>{$text.nav.helpdesk}
</Button>
</nav>