webapp: Correctly center header text

This commit is contained in:
Nikolaj Kappler 2024-01-16 21:30:20 +01:00 committed by Thomas Basler
parent a7479d33e3
commit 199351c703

View File

@ -1,17 +1,14 @@
<template>
<nav class="navbar navbar-expand-md fixed-top bg-body-tertiary" data-bs-theme="dark">
<div class="container-fluid">
<router-link @click="onClick" class="navbar-brand" to="/">
<span v-if="isXmas" class="text-success">
<BIconTree width="30" height="30" class="d-inline-block align-text-top" />
</span>
<span v-else-if="isEaster" class="text-info">
<BIconEgg width="30" height="30" class="d-inline-block align-text-top" />
</span>
<span v-else class="text-warning">
<BIconSun width="30" height="30" class="d-inline-block align-text-top" />
</span>
<span style="vertical-align: middle;">
<router-link @click="onClick" class="navbar-brand" to="/" style="display: flex; height: 30px; padding: 0;">
<BIconTree v-if="isXmas" width="30" height="30" class="d-inline-block align-text-top text-success" />
<BIconEgg v-else-if="isEaster" width="30" height="30" class="d-inline-block align-text-top text-info" />
<BIconSun v-else width="30" height="30" class="d-inline-block align-text-top text-warning" />
<span style="margin-left: .5rem">
OpenDTU
</span>
</router-link>