gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

refactor: try sorting components into sub-folders
Some checks failed
ci/woodpecker/push/build-and-publish Pipeline failed
Details

Browse source
This commit is contained in:
Twig 2025-07-10 22:47:52 +02:00
parent 5dbf21b0ab
commit 15e5a21277
No known key found for this signature in database
10 changed files with 0 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

51
components/UserInterface/Button.vue Normal file
View file

@ -0,0 +1,51 @@
<template>
<div @click="props.callback()" class="button" :class="props.variant + '-button'">
{{ props.text }}
</div>
</template>
<script lang="ts" setup>
const props = defineProps<{
text: string,
callback: CallableFunction,
variant?: "normal" | "scary" | "neutral",
}>();
</script>
<style scoped>
.button {
cursor: pointer;
background-color: var(--primary-color);
color: var(--text-color);
padding: 0.4em 0.75em;
font-size: 1.1em;
transition: background-color 0.2s;
border-radius: 0.7rem;
text-decoration: none;
display: inline-block;
}
.button:hover {
background-color: var(--primary-highlighted-color);
}
.scary-button {
background-color: red;
}
.scary-button:hover {
background-color: red;
}
.neutral-button {
background-color: var(--accent-color);
}
.neutral-button:hover {
background-color: var(--accent-highlighted-color);
}
</style>