lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-27 05:25:17 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve responsiveness of navbar

Browse Source
This commit is contained in:
Matthias 2021-08-29 14:18:56 +02:00
parent 5a8916f2ce
commit 2cca4c9765
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/BotList.vue
View File

@ -11,13 +11,14 @@
@click="selectBot(bot.botId)" @click="selectBot(bot.botId)"
> >
{{ bot.botName || bot.botId }} {{ bot.botName || bot.botId }}
{{ allIsBotOnline[bot.botId] ? 'Online' : 'Offline' }}
<b-button class="btn-xs ml-1" size="sm" title="Delete trade" @click="clickRemoveBot(bot)"> <b-button class="btn-xs ml-1" size="sm" title="Delete trade" @click="clickRemoveBot(bot)">
<EditIcon :size="16" title="Delete trade" /> <EditIcon :size="16" title="Delete trade" />
</b-button> </b-button>
<b-button class="btn-xs ml-1" size="sm" title="Delete bot" @click="clickRemoveBot(bot)"> <b-button class="btn-xs ml-1" size="sm" title="Delete bot" @click="clickRemoveBot(bot)">
<DeleteIcon :size="16" title="Delete trade" /> <DeleteIcon :size="16" title="Delete trade" />
</b-button> </b-button>
{{ allIsBotOnline[bot.botId] ? 'Online' : 'Offline' }}
</b-list-group-item> </b-list-group-item>
</b-list-group> </b-list-group>
<LoginModal class="mt-2" login-text="Add new bot" /> <LoginModal class="mt-2" login-text="Add new bot" />

13
src/components/layout/NavBar.vue
View File

@ -37,7 +37,8 @@
</b-nav-text> </b-nav-text>
</li> </li>
<li v-if="hasBots" class="nav-item"> <li v-if="hasBots" class="nav-item">
<b-nav-item-dropdown right> <!-- Hide dropdown on xs, instead show below -->
<b-nav-item-dropdown right class="d-none d-sm-block">
<b-dropdown-item>V: {{ getUiVersion }}</b-dropdown-item> <b-dropdown-item>V: {{ getUiVersion }}</b-dropdown-item>
<template #button-content> <template #button-content>
<b-avatar size="2em" button>FT</b-avatar> <b-avatar size="2em" button>FT</b-avatar>
@ -49,6 +50,16 @@
>Sign Out</router-link >Sign Out</router-link
> >
</b-nav-item-dropdown> </b-nav-item-dropdown>
<div class="d-block d-sm-none">
<!-- Visible only on XS -->
<b-dropdown-item>V: {{ getUiVersion }}</b-dropdown-item>
<router-link class="dropdown-item" to="/settings">Settings</router-link>
<b-checkbox v-model="layoutLockedLocal" class="pl-5">Lock layout</b-checkbox>
<b-dropdown-item @click="resetDynamicLayout">Reset Layout</b-dropdown-item>
<router-link class="dropdown-item" to="/" @click.native="clickLogout()"
>Sign Out</router-link
>
</div>
</li> </li>
<li v-else> <li v-else>
<!-- should open Modal window! --> <!-- should open Modal window! -->

4
src/views/Home.vue
View File

@ -1,6 +1,8 @@
<template> <template>
<div class="home"> <div class="home">
<bot-list /> <div class="container">
<bot-list />
</div>
<hr /> <hr />
<!-- <img alt="Freqtrade logo" src="../assets/freqtrade-logo.png" width="450px" class="my-5" /> --> <!-- <img alt="Freqtrade logo" src="../assets/freqtrade-logo.png" width="450px" class="my-5" /> -->
<div alt="Freqtrade logo" class="logo-svg my-5 mx-auto" /> <div alt="Freqtrade logo" class="logo-svg my-5 mx-auto" />