nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-20 17:02:16 +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 10:46:23 +01:00
parent a18ceb1b4f
commit ac6b2b09e1
41 changed files with 591 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,16 +12,21 @@
<script>
import { CheckIcon } from 'vue-feather-icons'
import { mapGetters } from 'vuex'
export default {
name: 'ColorPicker',
props: [ 'pickedColor' ],
components: { CheckIcon },
computed: {
...mapGetters([
'config'
])
},
data () {
return {
selectedColor: this.pickedColor,
colors: [
'#41B883',
'#FE6F6F',
'#FE6F91',
'#FE6FC0',
@@ -53,6 +58,9 @@ export default {
this.$emit('input', value)
}
},
created() {
this.colors.push(this.config.app_color)
}
}
</script>

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

@@ -2,12 +2,12 @@
<div class="inline-wrapper icon-append copy-input" :class="size" @click="copyUrl">
<input ref="sel" :value="item.shared.link" id="link-input" type="text" class="input-text" readonly>
<div class="multi-icon">
<div class="icon-item">
<link-icon v-if="! isCopiedLink" size="14"></link-icon>
<check-icon v-if="isCopiedLink" size="14"></check-icon>
<div class="icon-item group hover-bg-theme-100">
<link-icon v-if="! isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
<check-icon v-if="isCopiedLink" size="14" class="group-hover-text-theme hover-text-theme"/>
</div>
<div class="icon-item" @click.stop.prevent="menuForEmail">
<send-icon size="14"></send-icon>
<div class="icon-item group hover-bg-theme-100" @click.stop.prevent="menuForEmail">
<send-icon size="14" class="group-hover-text-theme hover-text-theme" />
</div>
</div>
</div>
@@ -78,7 +78,7 @@ export default {
line,
path,
polygon {
stroke: $text !important;
color: $text;
}
.icon-item {
@@ -89,13 +89,12 @@ export default {
cursor: pointer;
&:hover {
background: $text;
line,
polyline,
path,
polygon {
stroke: white !important;
color: inherit;
}
}

4
resources/js/components/Others/Forms/InfoBox.vue
View File

@@ -42,23 +42,19 @@
/deep/ a {
font-size: 15px;
color: $theme;
}
/deep/ b {
font-size: 15px;
font-weight: 700;
color: $theme;
}
}
b {
font-weight: 700;
color: $theme;
}
a {
color: $theme;
font-weight: 700;
@include font-size(15);
line-height: 1.6;

7
resources/js/components/Others/PlanPricingTables.vue
View File

@@ -4,7 +4,7 @@
<div class="plan-wrapper">
<header class="plan-header">
<div class="icon">
<hard-drive-icon size="26"></hard-drive-icon>
<hard-drive-icon class="text-theme" size="26" />
</div>
<h1 class="title">{{ plan.data.attributes.name }}</h1>
<h2 class="description">{{ plan.data.attributes.description }}</h2>
@@ -14,7 +14,7 @@
<span class="storage-description">{{ $t('page_pricing_tables.storage_capacity') }}</span>
</section>
<footer class="plan-footer">
<b class="price">
<b class="price text-theme">
{{ plan.data.attributes.price }}/{{ $t('global.monthly_ac') }}
<small v-if="plan.data.attributes.tax_rates.length > 0" class="vat-disclaimer">{{ $t('page_pricing_tables.vat_excluded') }}</small>
</b>
@@ -97,7 +97,7 @@
.icon {
path, line, polyline, rect, circle {
color: $theme;
color: inherit;
}
}
@@ -136,7 +136,6 @@
}
.price {
color: $theme;
@include font-size(18);
display: block;
margin-bottom: 20px;

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

@@ -157,9 +157,8 @@
}
.is-dragenter {
border: 2px dashed $theme !important;
border-radius: 8px;
}
border-radius: 8px;
}
.folder-item {
display: block;