Frontend support for user devices.

This commit is contained in:
Fabio Manganiello 2025-03-09 10:59:39 +01:00
parent 3d01aed1c5
commit 7e6ac7583d
Signed by: blacklight
GPG key ID: D90FBA7F76362774
21 changed files with 927 additions and 38 deletions
frontend/src/elements

View file

@ -0,0 +1,51 @@
<template>
<button class="floating-button"
@click="$emit('click')"
:title="title"
:aria-label="title">
<font-awesome-icon :icon="icon" />
</button>
</template>
<script lang="ts">
export default {
emits: ['click'],
props: {
icon: {
type: String,
required: true,
},
title: {
type: String,
},
},
};
</script>
<style lang="scss" scoped>
button.floating-button {
position: fixed;
bottom: 1em;
right: 1em;
background: var(--color-accent);
color: var(--color-background);
width: 4em;
height: 4em;
font-size: 1em;
padding: 1.5em;
outline: none;
border: none;
border-radius: 50%;
box-shadow: 1px 1px 2px 2px var(--color-border);
cursor: pointer;
z-index: 100;
&:hover {
background: var(--color-accent) !important;
color: var(--color-background) !important;
font-weight: bold;
filter: brightness(1.2);
}
}
</style>