danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

changed the status display to only icon.

Browse source
This commit is contained in:
ArabCoders 2023-11-30 16:23:24 +03:00
parent fe1e88243b
commit 6f1941b223
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/Page-Header.vue
View file

@ -8,14 +8,13 @@
<div class="navbar-end"> <div class="navbar-end">
<div class="navbar-item"> <div class="navbar-item">
<span class="icon-text" :class="config.isConnected ? 'has-text-success' : 'has-text-danger'"> <button class="button is-dark has-tooltip-bottom" :data-tooltip="config.isConnected ? 'Connected' : 'Connecting'">
<span class="icon"> <span class="icon-text" :class="config.isConnected ? 'has-text-success' : 'has-text-danger'">
<font-awesome-icon :icon="config.isConnected ? 'fa-solid fa-wifi' : 'fa-solid fa-signal'" /> <span class="icon">
<font-awesome-icon :icon="config.isConnected ? 'fa-solid fa-wifi' : 'fa-solid fa-signal'" />
</span>
</span> </span>
<span> </button>
{{ config.isConnected ? 'Connected' : 'Connecting' }}
</span>
</span>
</div> </div>
<div class="navbar-item"> <div class="navbar-item">
<button data-tooltip="Show/Hide Add Form" class="button is-dark has-tooltip-bottom" @click="$emit('toggleForm')"> <button data-tooltip="Show/Hide Add Form" class="button is-dark has-tooltip-bottom" @click="$emit('toggleForm')">