Files
wm-fontis-tibi-2023/frontend/src/lib/components/widgets/moreBtn.svelte
robin fd5af432db
All checks were successful
deploy to production / deploy (push) Successful in 42s
coloring
2023-12-07 20:24:09 +00:00

29 lines
689 B
Svelte

<script lang="ts">
import { navigate } from "svelte-routing"
export let path: string
export let bright
</script>
<button class="more" class:bright="{bright}" on:click="{() => navigate(path)}">mehr</button>
<style lang="less">
@import "../../assets/css/main.less";
.more {
background-color: @signal-color;
color: @font-color-secondary;
border: none;
height: 36px;
padding: 2px 15px;
font-size: 20px;
font-weight: bold;
}
.bright {
border: 2px solid @bg-color;
background-color: @bg-color-secondary;
&:hover {
background-color: @signal-color;
}
}
</style>