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

Narete stvari da delajo

Browse source
This commit is contained in:
Miha Frangež 2025-09-12 17:43:50 +02:00
parent 64a10b0512
commit 29b2beca5a
45 changed files with 809 additions and 1600 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/vju_display/src/components/tabs/Tab.vue
View file

@ -1,12 +1,12 @@
<script setup lang="ts">
const props = defineProps({
selected: Boolean
})
selected: Boolean,
});
</script>
<template>
<div class="tab" :class="{selected: props.selected}">
<slot/>
</div>
<div class="tab" :class="{ selected: props.selected }">
<slot />
</div>
</template>
<style scoped>
@ -14,9 +14,13 @@ const props = defineProps({
background-color: var(--color-brand-ul-medium-grey);
border: none;
font-weight: bold;
}
.tab:hover {
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 {
@ -24,13 +28,12 @@ const props = defineProps({
}
.vertical-tabs .tab {
width: 100%;
padding: 1rem;
text-align: right;
width: 100%;
padding: 1rem;
text-align: right;
}
.vertical-tabs .tab:not(:last-child) {
margin-bottom: .3rem;
margin-bottom: 0.3rem;
}
</style>