fix(UI): update notification indicator moves settings icon

This commit is contained in:
Fabio Di Stasio 2023-09-02 16:09:19 +02:00
parent 661043b181
commit e6f45d71c7
2 changed files with 10 additions and 6 deletions

View File

@ -71,10 +71,12 @@
class="settingbar-element btn btn-link" class="settingbar-element btn btn-link"
@click="showSettingModal('general')" @click="showSettingModal('general')"
> >
<i <div class="settingbar-element-icon-wrapper">
class="settingbar-element-icon mdi mdi-24px mdi-cog text-light" <i
:class="{ ' badge badge-update': hasUpdates }" class="settingbar-element-icon mdi mdi-24px mdi-cog text-light"
/> :class="{ ' badge badge-update': hasUpdates }"
/>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -239,7 +241,7 @@ if (!connectionsArr.value.length)
border-radius: $border-radius; border-radius: $border-radius;
} }
.settingbar-element-icon-wrapper{ .settingbar-element-icon-wrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@ -1,7 +1,9 @@
import { Ace } from 'ace-builds'; import { Ace } from 'ace-builds';
import * as Store from 'electron-store'; import * as Store from 'electron-store';
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
const persistentStore = new Store({ name: 'settings' }); const persistentStore = new Store({ name: 'settings' });
export type UpdateStatus = 'noupdate' | 'available' | 'checking' | 'nocheck' | 'downloading' | 'downloaded' | 'disabled';
export const useApplicationStore = defineStore('application', { export const useApplicationStore = defineStore('application', {
state: () => ({ state: () => ({
@ -14,7 +16,7 @@ export const useApplicationStore = defineStore('application', {
isScratchpad: false, isScratchpad: false,
selectedSettingTab: 'general', selectedSettingTab: 'general',
selectedConection: {}, selectedConection: {},
updateStatus: 'noupdate', // 'noupdate' | 'available' | 'checking' | 'nocheck' | 'downloading' | 'downloaded' | 'disabled' updateStatus: 'noupdate' as UpdateStatus,
downloadProgress: 0, downloadProgress: 0,
baseCompleter: [] as Ace.Completer[] // Needed to reset ace editor, due global-only ace completer baseCompleter: [] as Ace.Completer[] // Needed to reset ace editor, due global-only ace completer
}), }),