2024-07-08 13:18:54 +02:00
|
|
|
<template >
|
|
|
|
<v-row justify="end" class="header-component">
|
|
|
|
<v-col cols="auto">
|
2024-07-08 14:44:50 +02:00
|
|
|
<v-app-bar :elevation="0" color="main">
|
|
|
|
<img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" />
|
|
|
|
<!-- <LogoSVG id="placeholderIcon"/> -->
|
2024-07-08 13:18:54 +02:00
|
|
|
<v-text-field
|
|
|
|
class="compact-form"
|
2024-07-08 14:44:50 +02:00
|
|
|
label="ASearch"
|
2024-07-08 13:18:54 +02:00
|
|
|
variant="solo"
|
2024-07-08 14:44:50 +02:00
|
|
|
prepend-inner-icon="mdi-magnify"
|
2024-07-08 13:18:54 +02:00
|
|
|
hide-details
|
|
|
|
single-line
|
|
|
|
clearable
|
|
|
|
rounded="pill"
|
|
|
|
></v-text-field>
|
|
|
|
<!-- <v-btn icon>
|
|
|
|
<v-icon>mdi-dots-vertical</v-icon>
|
|
|
|
</v-btn> -->
|
|
|
|
<CircleUser id="userIcon"/>
|
|
|
|
</v-app-bar>
|
|
|
|
</v-col>
|
|
|
|
</v-row>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
2024-07-08 14:44:50 +02:00
|
|
|
|
2024-07-08 13:18:54 +02:00
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
.compact-form {
|
|
|
|
transform: scale(0.7);
|
|
|
|
transform-origin: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#placeholderIcon {
|
|
|
|
margin-right: 20%;
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#userIcon {
|
|
|
|
margin-right: 15px;
|
|
|
|
}
|
|
|
|
</style>
|