nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-21 17:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

- cancel/resume subscription fix

Browse Source 
- upload into root folder fix
- custom color theme part 3
This commit is contained in:
Peter Papp
2021-03-25 15:46:34 +01:00
parent 44fe96497c
commit ee1a8a6719
32 changed files with 412 additions and 644 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/Others/EmojiPicker.vue
View File

@@ -437,7 +437,7 @@ export default {
@media (prefers-color-scheme: dark) {
.emoji-wrapper {
background: $dark_mode_background;
background: lighten($dark_mode_foreground, 2%);
.emoji-input {
background: $dark_mode_foreground;
@@ -469,7 +469,7 @@ export default {
}
.select-input-wrapper {
background: $dark_mode_foreground;
background: lighten($dark_mode_foreground, 3%);
.not-selected {
span {

13
resources/js/components/Others/Forms/CopyInput.vue
View File

@@ -159,22 +159,11 @@ export default {
line,
path,
polygon {
stroke: $dark_mode_text_primary !important;
color: inherit !important;
}
.icon-item {
border-color: #333333;
&:hover {
background: rgba($theme, 0.1);
line,
polyline,
path,
polygon {
stroke: $theme !important;
}
}
}

16
resources/js/components/Others/Forms/SelectInput.vue
View File

@@ -187,11 +187,11 @@
.input-area {
background: $dark_mode_foreground;
border-color: $dark_mode_foreground;
}
.option-icon {
path {
fill: $theme
}
.popup-wrapper {
.input-area {
background: lighten($dark_mode_foreground, 3%);
}
}
@@ -202,16 +202,12 @@
border-bottom: none;
&:hover {
background: rgba($theme, .1);
.option-value {
color: $theme;
}
background: lighten($dark_mode_foreground, 5%);
.option-icon {
path, circle {
stroke: $theme;
color: inherit;
}
}
}

6
resources/js/components/Others/Forms/SwitchInput.vue
View File

@@ -94,5 +94,11 @@
.switch {
background: $dark_mode_foreground;
}
.popup-wrapper {
.switch {
background: lighten($dark_mode_foreground, 3%);
}
}
}
</style>

4
resources/js/components/Others/Popup/PopupHeader.vue
View File

@@ -7,7 +7,7 @@
</div>
<div class="label">
<h1 class="title">{{ title }}</h1>
<x-icon @click="closePopup" size="22" class="close-icon" />
<x-icon @click="closePopup" size="22" class="close-icon hover-text-theme" />
</div>
</div>
</template>
@@ -80,7 +80,7 @@
background: $light_background;
line {
stroke: $theme;
color: inherit;
}
}

2
resources/js/components/Others/Popup/PopupWrapper.vue
View File

@@ -141,7 +141,7 @@
@media (prefers-color-scheme: dark) {
.popup-wrapper {
background: $dark_mode_background;
background: $dark_mode_foreground;
box-shadow: $dark_mode_popup_shadow;
}
}

10
resources/js/components/Others/RenameItem.vue
View File

@@ -18,7 +18,7 @@
<div class="input">
<input v-model="pickedItem.name" :class="{'is-error': errors[0]}" ref="input" type="text" class="focus-border-theme" :placeholder="$t('popup_rename.placeholder')">
<div @click="pickedItem.name = ''" class="close-icon-wrapper">
<x-icon class="close-icon" size="14" />
<x-icon class="close-icon hover-text-theme" size="14" />
</div>
</div>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
@@ -168,14 +168,14 @@ export default {
&:hover {
.close-icon {
line {
stroke: $theme;
color: inherit;
}
}
}
.close-icon {
line {
stroke: rgba($text-muted, 0.3);
color: rgba($text-muted, 0.3);
}
}
}
@@ -191,14 +191,14 @@ export default {
.close-icon {
line {
stroke: $theme !important;
color: inherit !important;
}
}
}
.close-icon {
line {
stroke: rgba($dark_mode_text_primary, 0.3) !important;
color: rgba($dark_mode_text_primary, 0.3) !important;
}
}
}

10
resources/js/components/Others/TabWrapper.vue
View File

@@ -108,13 +108,19 @@
border-color: transparent;
.tab.active {
background: rgba($theme, 0.1);
background: lighten($dark_mode_foreground, 7%);
.tab-title {
color: $theme;
color: $dark_mode_text_primary;
}
}
}
.popup-wrapper {
.tab-wrapper {
background: lighten($dark_mode_foreground, 2%);
}
}
}
</style>

12
resources/js/components/Others/Tables/DatatableWrapper.vue
View File

@@ -429,18 +429,6 @@ export default {
.table {
.table-header {
tr {
td, th {
span {
color: $theme;
}
}
}
}
.table-body {
tr, th {
&:hover {

2
resources/js/components/Others/TextLabel.vue
View File

@@ -31,7 +31,7 @@
@media (prefers-color-scheme: dark) {
.text-label {
color: $theme;
opacity: 0.35;
}
}
</style>

13
resources/js/components/Others/ThumbnailItem.vue
View File

@@ -5,7 +5,7 @@
<div class="icon-item">
<!--If is file or image, then link item-->
<span v-if="isFile || (isImage && !item.thumbnail) " class="file-icon-text">{{ item.mimetype }}</span>
<span v-if="isFile || (isImage && !item.thumbnail) " class="file-icon-text text-theme">{{ item.mimetype }}</span>
<!--Folder thumbnail-->
<FontAwesomeIcon v-if="isFile || (isImage && !item.thumbnail)" class="file-icon" :class="{'file-icon-mobile' : $isMobile()}" icon="file"/>
@@ -138,7 +138,6 @@
text-align: center;
left: 0;
right: 0;
color: $theme;
font-weight: 600;
user-select: none;
max-width: 20px;
@@ -194,6 +193,16 @@
}
}
}
.popup-wrapper {
.file-item {
.icon-item .file-icon {
path {
fill: lighten($dark_mode_foreground, 3%);
}
}
}
}
}
@media (max-width: 690px) and (prefers-color-scheme: dark) {

22
resources/js/components/Others/TreeMenu.vue
View File

@@ -168,28 +168,6 @@
.label {
color: $dark_mode_text_primary;
}
&:hover {
background: rgba($theme, .1);
}
&.is-selected {
background: rgba($theme, .1);
}
}
&.is-selected {
background: rgba($theme, .1);
}
}
@media (prefers-color-scheme: dark) and (max-width: 690px) {
.folder-item {
&:hover,
&.is-selected {
background: rgba($theme, .1);
}
}
}

22
resources/js/components/Others/TreeMenuNavigator.vue
View File

@@ -240,28 +240,6 @@
.label {
color: $dark_mode_text_primary;
}
&:hover {
background: rgba($theme, .1);
}
&.is-selected {
background: rgba($theme, .1);
}
}
&.is-selected {
background: rgba($theme, .1);
}
}
@media (prefers-color-scheme: dark) and (max-width: 690px) {
.folder-item {
&:hover,
&.is-selected {
background: rgba($theme, .1);
}
}
}