feat: improve mobile header style
Some checks are pending
FreqUI CI / build (18, ubuntu-22.04) (push) Waiting to run
FreqUI CI / build (20, ubuntu-22.04) (push) Waiting to run
FreqUI CI / build (22, ubuntu-22.04) (push) Waiting to run
FreqUI CI / build (23, ubuntu-22.04) (push) Waiting to run
FreqUI CI / docker (linux/amd64) (push) Blocked by required conditions
FreqUI CI / docker (linux/arm/v6) (push) Blocked by required conditions
FreqUI CI / docker (linux/arm/v7) (push) Blocked by required conditions
FreqUI CI / docker (linux/arm64) (push) Blocked by required conditions
FreqUI CI / docker-merge (push) Blocked by required conditions

This commit is contained in:
Matthias 2024-11-24 12:37:56 +01:00
parent 01f7938213
commit 2b6c3b0a5a

View File

@ -161,15 +161,15 @@ watch(
<ReloadControl class="me-3" title="Confirm Dialog deactivated." /> <ReloadControl class="me-3" title="Confirm Dialog deactivated." />
</div> </div>
<li <li
class="d-none d-sm-flex flex-sm-wrap flex-lg-nowrap align-items-center nav-item text-secondary me-2" class="d-none d-md-flex flex-md-wrap flex-lg-nowrap align-items-center nav-item text-secondary me-2"
> >
<BNavText class="verticalCenter small me-2"> <BNavText class="small me-2">
{{ {{
(botStore.activeBotorUndefined && botStore.activeBotorUndefined.botName) || (botStore.activeBotorUndefined && botStore.activeBotorUndefined.botName) ||
'No bot selected' 'No bot selected'
}} }}
</BNavText> </BNavText>
<BNavText v-if="botStore.botCount === 1" class="verticalCenter"> <BNavText v-if="botStore.botCount === 1">
{{ {{
botStore.activeBotorUndefined && botStore.activeBotorUndefined.isBotOnline botStore.activeBotorUndefined && botStore.activeBotorUndefined.isBotOnline
? 'Online' ? 'Online'
@ -179,7 +179,7 @@ watch(
</li> </li>
<li v-if="botStore.hasBots" class="nav-item"> <li v-if="botStore.hasBots" class="nav-item">
<!-- Hide dropdown on xs, instead show below --> <!-- Hide dropdown on xs, instead show below -->
<BNavItemDropdown id="avatar-drop" right auto-close class="d-none d-sm-block"> <BNavItemDropdown id="avatar-drop" right auto-close class="d-none d-md-block">
<template #button-content> <template #button-content>
<BAvatar size="2em" button>FT</BAvatar> <BAvatar size="2em" button>FT</BAvatar>
</template> </template>
@ -198,11 +198,11 @@ watch(
</BDropdownItem> </BDropdownItem>
</template> </template>
</BNavItemDropdown> </BNavItemDropdown>
<div class="d-block d-sm-none"> <div class="d-block d-md-none">
<!-- Visible only on XS --> <!-- Visible only on XS -->
<!-- <li class="nav-item text-secondary ms-2 d-sm-none d-flex justify-content-between"> <!-- <li class="nav-item text-secondary ms-2 d-sm-none d-flex justify-content-between">
<div class="d-flex"> <div class="d-flex">
<b-nav-text class="verticalCenter small me-2"> <b-nav-text class="small me-2">
{{ {{
(botStore.activeBotorUndefined && botStore.activeBotorUndefined.botName) || (botStore.activeBotorUndefined && botStore.activeBotorUndefined.botName) ||
'No bot selected' 'No bot selected'