icons update

This commit is contained in:
Henry Jameson 2020-05-25 16:10:14 +03:00
parent 79c03984bc
commit a6ca923a76
4 changed files with 31 additions and 2 deletions

View File

@ -45,40 +45,47 @@
> >
<div <div
:label="$t('settings.general')" :label="$t('settings.general')"
icon="wrench"
> >
<GeneralTab /> <GeneralTab />
</div> </div>
<div <div
v-if="isLoggedIn" v-if="isLoggedIn"
:label="$t('settings.profile_tab')" :label="$t('settings.profile_tab')"
icon="user"
> >
<ProfileTab /> <ProfileTab />
</div> </div>
<div <div
v-if="isLoggedIn" v-if="isLoggedIn"
:label="$t('settings.security_tab')" :label="$t('settings.security_tab')"
icon="lock"
> >
<SecurityTab /> <SecurityTab />
</div> </div>
<div <div
:label="$t('settings.filtering')" :label="$t('settings.filtering')"
icon="filter"
> >
<FilteringTab /> <FilteringTab />
</div> </div>
<div <div
:label="$t('settings.theme')" :label="$t('settings.theme')"
icon="brush"
> >
<ThemeTab /> <ThemeTab />
</div> </div>
<div <div
v-if="isLoggedIn" v-if="isLoggedIn"
:label="$t('settings.notifications')" :label="$t('settings.notifications')"
icon="chat"
> >
<NotificationsTab /> <NotificationsTab />
</div> </div>
<div <div
v-if="isLoggedIn" v-if="isLoggedIn"
:label="$t('settings.data_import_export_tab')" :label="$t('settings.data_import_export_tab')"
icon="download"
> >
<DataImportExportTab /> <DataImportExportTab />
</div> </div>
@ -87,11 +94,13 @@
:label="$t('settings.mutes_and_blocks')" :label="$t('settings.mutes_and_blocks')"
:fullHeight="true" :fullHeight="true"
class="full-height" class="full-height"
icon="eye-off"
> >
<MutesAndBlocksTab /> <MutesAndBlocksTab />
</div> </div>
<div <div
:label="$t('settings.version.title')" :label="$t('settings.version.title')"
icon="info-circled"
> >
<VersionTab /> <VersionTab />
</div> </div>

View File

@ -94,8 +94,11 @@ export default Vue.component('tab-switcher', {
<button <button
disabled={slot.data.attrs.disabled} disabled={slot.data.attrs.disabled}
onClick={this.activateTab(index)} onClick={this.activateTab(index)}
class={classesTab.join(' ')}> class={classesTab.join(' ')}
{slot.data.attrs.label}</button> >
{!slot.data.attrs.icon ? '' : (<i class={'tab-icon icon-' + slot.data.attrs.icon}/>)}
{slot.data.attrs.label}
</button>
</div> </div>
) )
}) })

View File

@ -3,6 +3,11 @@
.tab-switcher { .tab-switcher {
display: flex; display: flex;
.tab-icon {
font-size: 2em;
display: block;
}
&.top-tabs { &.top-tabs {
flex-direction: column; flex-direction: column;
> .tabs { > .tabs {

View File

@ -363,6 +363,18 @@
"css": "ok", "css": "ok",
"code": 59431, "code": 59431,
"src": "fontawesome" "src": "fontawesome"
},
{
"uid": "4109c474ff99cad28fd5a2c38af2ec6f",
"css": "filter",
"code": 61616,
"src": "fontawesome"
},
{
"uid": "9a76bc135eac17d2c8b8ad4a5774fc87",
"css": "download",
"code": 59429,
"src": "fontawesome"
} }
] ]
} }