frontend changes
This commit is contained in:
parent
1af6f8c5da
commit
ec5b3c8788
4 changed files with 32 additions and 5 deletions
|
|
@ -6,7 +6,8 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<template>
|
||||
<div v-if="instance" :class="$style.root">
|
||||
<div :class="[$style.main, $style.panel]">
|
||||
<img :src="instance.iconUrl || '/apple-touch-icon.png'" alt="" :class="$style.mainIcon"/>
|
||||
<img v-if="instance.sidebarLogoUrl" :src="instance.sidebarLogoUrl" alt="" :class="$style.wideIcon"/>
|
||||
<img v-if="!instance.sidebarLogoUrl" :src="instance.sidebarLogoUrl || instance.iconUrl || '/apple-touch-icon.png'" alt="" :class="$style.mainIcon"/>
|
||||
<button class="_button _acrylic" :class="$style.mainMenu" @click="showMenu"><i class="ti ti-dots"></i></button>
|
||||
<div :class="$style.mainFg">
|
||||
<h1 :class="$style.mainTitle">
|
||||
|
|
@ -126,6 +127,14 @@ function showMenu(ev: MouseEvent) {
|
|||
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.wideIcon {
|
||||
min-width: 85px;
|
||||
max-width: 60%;
|
||||
margin-top: -47px;
|
||||
vertical-align: bottom;
|
||||
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
.mainMenu {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue