mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 08:12:15 +00:00
custom color theme part 1
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<button class="button outline">
|
||||
<button class="button outline hover-text-theme hover-border-theme">
|
||||
<span class="text-label">{{ text }}</span>
|
||||
|
||||
<span v-if="loading" class="icon">
|
||||
<FontAwesomeIcon icon="sync-alt" class="sync-alt"/>
|
||||
<FontAwesomeIcon icon="sync-alt" class="sync-alt svg-color-theme"/>
|
||||
</span>
|
||||
<span v-if="! loading && icon" class="icon">
|
||||
<FontAwesomeIcon :icon="icon"/>
|
||||
<FontAwesomeIcon :icon="icon" class="svg-color-theme"/>
|
||||
</span>
|
||||
</button>
|
||||
</template>
|
||||
@@ -74,15 +74,15 @@
|
||||
.icon {
|
||||
|
||||
path {
|
||||
fill: $theme;
|
||||
fill: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $theme;
|
||||
border-color: inherit;
|
||||
|
||||
.text-label {
|
||||
color: $theme;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user