rc/predavalnice-kontroler
5
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Move frontend files

Browse source
This commit is contained in:
Miha Frangež 2025-09-12 23:23:30 +02:00
parent b7ce9d850d
commit 36da67f369
36 changed files with 2 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

39
frontend/src/components/tabs/Tab.vue Normal file
View file

@ -0,0 +1,39 @@
<script setup lang="ts">
const props = defineProps({
selected: Boolean,
});
</script>
<template>
<div class="tab" :class="{ selected: props.selected }">
<slot />
</div>
</template>
<style scoped>
.tab {
background-color: var(--color-brand-ul-medium-grey);
border: none;
font-weight: bold;
border: 1px solid #000000;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-left: none;
background: lightgray;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.tab.selected {
background-color: var(--color-brand-ul-red);
}
.vertical-tabs .tab {
width: 100%;
padding: 1rem;
text-align: right;
}
.vertical-tabs .tab:not(:last-child) {
margin-bottom: 0.3rem;
}
</style>