nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-29 03:10:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

custom color theme part 1

Browse Source
This commit is contained in:
Peter Papp
2021-03-20 10:25:10 +01:00
parent aa51484303
commit cff7cd6b32
44 changed files with 994 additions and 417 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/Forms/FormLabel.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template>
<div class="form-label">
<edit-2-icon size="22" class="icon"></edit-2-icon>
<edit-2-icon size="22" class="icon text-theme" />
<b class="label">
<slot></slot>
</b>
@@ -31,7 +31,7 @@
margin-right: 10px;
path {
stroke: $theme;
color: inherit;
}
}
resources/js/components/Others/Forms/SelectInput.vue
+5 -4
View File
@@ -18,7 +18,7 @@
<span class="option-value placehoder">{{ placeholder }}</span>
</div>
<chevron-down-icon size="19" class="chevron"></chevron-down-icon>
<chevron-down-icon size="19" class="chevron" />
</div>
<!--Options-->
@@ -117,7 +117,9 @@
}
.input-area {
border: 1px solid transparent;
border-width: 1px;
border-style: solid;
border-color: transparent;
justify-content: space-between;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
//background: $light_mode_input_background;
@@ -135,8 +137,7 @@
}
&.is-active {
border-color: $theme;
box-shadow: 0 0 7px rgba($theme, 0.3);
//box-shadow: 0 0 7px rgba($theme, 0.3);
.chevron {
@include transform(rotate(180deg));
resources/js/components/Others/Forms/SwitchInput.vue
-1
View File
@@ -83,7 +83,6 @@
}
&.active {
background: $theme;
.switch-button {
left: 25px;
resources/js/components/Others/ListInfoItem.vue
+1 -2
View File
@@ -1,6 +1,6 @@
<template>
<li class="list-info-item">
<b>{{ title }}</b>
<b class="text-theme">{{ title }}</b>
<span v-if="content">{{ content }}</span>
<slot></slot>
</li>
@@ -33,7 +33,6 @@
b {
display: block;
@include font-size(13);
color: $theme;
margin-bottom: 2px;
}
resources/js/components/Others/Tables/DatatableWrapper.vue
+1 -3
View File
@@ -10,7 +10,7 @@
:class="{ 'sortable': column.sortable }"
v-if="! column.hidden"
>
<span>{{ column.label }}</span>
<span class="text-theme">{{ column.label }}</span>
<chevron-up-icon v-if="column.sortable" :class="{ 'arrow-down': filter.sort === 'ASC' }" size="14" class="filter-arrow"></chevron-up-icon>
</th>
@@ -272,7 +272,6 @@ export default {
text-align: left;
span {
color: $theme;
font-weight: 700;
@include font-size(12);
white-space: nowrap;
@@ -311,7 +310,6 @@ export default {
span {
font-size: 13px;
color: $text-muted;
font-weight: bold;
}
}
resources/js/components/Others/TreeMenuNavigator.vue
+4 -4
View File
@@ -2,7 +2,7 @@
<transition name="folder">
<div class="folder-item-wrapper" >
<div class="folder-item" :class="{'is-selected': isSelected , 'is-dragenter': area, 'is-inactive': disabledFolder || disabled && draggedItem.length > 0 }"
<div class="folder-item text-theme" :class="{'is-selected': isSelected , 'is-dragenter': area, 'is-inactive': disabledFolder || disabled && draggedItem.length > 0 }"
:style="indent" @click="getFolder"
@dragover.prevent="dragEnter"
@dragleave="dragLeave"
@@ -11,7 +11,7 @@
>
<chevron-right-icon @click.stop="showTree" size="17" class="icon-arrow"
:class="{'is-opened': isVisible, 'is-visible': nodes.folders.length !== 0}"></chevron-right-icon>
<folder-icon size="17" class="icon"></folder-icon>
<folder-icon size="17" class="icon text-theme"></folder-icon>
<span class="label">{{ nodes.name }}</span>
</div>
@@ -217,12 +217,12 @@
.icon {
path, line, polyline, rect, circle {
stroke: $theme;
color: inherit;
}
}
.label {
color: $theme;
color: inherit;
}
}
}