mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-22 17:32:14 +00:00
custom color theme part 1
This commit is contained in:
@@ -9,60 +9,60 @@
|
||||
<!--Page Tab links-->
|
||||
<div class="menu-list-wrapper horizontal">
|
||||
<router-link replace :to="{name: 'AppOthers'}"
|
||||
class="menu-list-item link">
|
||||
<div class="icon">
|
||||
class="menu-list-item link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<settings-icon size="17"></settings-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
{{ $t('admin_settings.tabs.others') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<router-link replace :to="{name: 'AppAppearance'}"
|
||||
class="menu-list-item link">
|
||||
<div class="icon">
|
||||
class="menu-list-item link link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<eye-icon size="17"></eye-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
{{ $t('admin_settings.tabs.appearance') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<router-link v-if="config.isSaaS" replace :to="{name: 'AppBillings'}"
|
||||
class="menu-list-item link">
|
||||
<div class="icon">
|
||||
class="menu-list-item link link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<file-text-icon size="17"></file-text-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
{{ $t('admin_settings.tabs.billings') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<router-link v-if="config.isSaaS" replace :to="{name: 'AppPayments'}"
|
||||
class="menu-list-item link">
|
||||
<div class="icon">
|
||||
class="menu-list-item link link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<credit-card-icon size="17"></credit-card-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
{{ $t('admin_settings.tabs.payments') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<router-link replace :to="{name: 'AppIndex'}" class="menu-list-item link">
|
||||
<div class="icon">
|
||||
<router-link replace :to="{name: 'AppIndex'}" class="menu-list-item link link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<home-icon size="17"></home-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
Homepage
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
<router-link replace :to="{name: 'AppEmail'}"
|
||||
class="menu-list-item link">
|
||||
<div class="icon">
|
||||
class="menu-list-item link link border-bottom-theme">
|
||||
<div class="icon text-theme">
|
||||
<mail-icon size="17"></mail-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
<div class="label text-theme">
|
||||
{{ $t('admin_settings.tabs.email') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
@@ -22,11 +22,11 @@
|
||||
{{ data.license }}
|
||||
</ColorLabel>
|
||||
</a>
|
||||
<a href="https://bit.ly/VueFileManager-survey" target="_blank" class="became-backer">
|
||||
<a href="https://bit.ly/VueFileManager-survey" target="_blank" class="became-backer bg-theme-100">
|
||||
<div class="icon">
|
||||
<credit-card-icon size="15"></credit-card-icon>
|
||||
<credit-card-icon size="15" class="text-theme"></credit-card-icon>
|
||||
</div>
|
||||
<span class="content">
|
||||
<span class="content text-theme">
|
||||
{{ $t('admin_page_dashboard.backer_button') }}
|
||||
</span>
|
||||
</a>
|
||||
@@ -177,7 +177,6 @@
|
||||
}
|
||||
|
||||
.became-backer {
|
||||
background: rgba($theme, 0.1);
|
||||
display: inline-block;
|
||||
padding: 5px 10px;
|
||||
border-radius: 6px;
|
||||
@@ -194,12 +193,11 @@
|
||||
line-height: 0;
|
||||
|
||||
rect, line {
|
||||
stroke: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
color: $theme;
|
||||
font-weight: 700;
|
||||
@include font-size(14);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user