use text instead of svg for better integration

This commit is contained in:
Thomas Amland 2021-03-28 12:54:41 +02:00
parent ae8c2611f2
commit 2c56585a9c
4 changed files with 31 additions and 30 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,8 +1,8 @@
<template> <template>
<nav class="nav flex-column"> <nav class="nav flex-column">
<div class="logo d-flex justify-content-between"> <div class="sidebar-brand d-flex justify-content-between align-items-end">
<Logo /> <Logo />
<button class="btn btn-link btn-lg p-0 d-md-none" @click="hideMenu"> <button class="btn btn-link btn-lg p-0 m-0 d-md-none" @click="hideMenu">
<Icon icon="x" /> <Icon icon="x" />
</button> </button>
</div> </div>

View File

@ -26,11 +26,8 @@
width: 250px; width: 250px;
} }
.sidebar-container .logo { .sidebar-container .sidebar-brand {
padding: 1.5rem 1rem; padding: 1rem 1rem 0.75rem;
}
.sidebar-container .logo > * {
height: 1.5rem;
} }
.sidebar-container .sidebar-heading { .sidebar-container .sidebar-heading {

View File

@ -7,8 +7,8 @@
<b-overlay rounded :show="busy" opacity="0.1"> <b-overlay rounded :show="busy" opacity="0.1">
<div class="card-body"> <div class="card-body">
<form @submit.prevent="login"> <form @submit.prevent="login">
<div style="width: 160px;" class="d-flex mx-auto mb-2"> <div class="d-flex mb-2">
<Logo /> <Logo class="mx-auto" />
</div> </div>
<b-form-group v-if="!config.serverUrl" label="Server"> <b-form-group v-if="!config.serverUrl" label="Server">
<b-form-input v-model="server" name="server" type="text" :state="valid" /> <b-form-input v-model="server" name="server" type="text" :state="valid" />