nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-24 01:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes part 2

Browse Source
This commit is contained in:
Čarodej
2022-03-01 10:15:50 +01:00
parent 64d1883f53
commit a303ffffdc
11 changed files with 37 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/RenameItemPopup.vue
+4 -60
View File
@@ -23,11 +23,11 @@
:class="{ 'border-red': errors[0] }"
ref="input"
type="text"
class="focus-border-theme input-dark"
class="!pr-10 focus-border-theme input-dark"
:placeholder="$t('popup_rename.placeholder')"
/>
<div @click="pickedItem.data.attributes.name = ''" class="absolute right-4">
<x-icon class="close-icon hover-text-theme" size="14" />
<div @click="pickedItem.data.attributes.name = ''" class="absolute right-0 p-4 cursor-pointer">
<x-icon class="hover-text-theme" size="14" />
</div>
</div>
</AppInputText>
@@ -172,60 +172,4 @@ export default {
})
},
}
</script>
<style scoped lang="scss">
@import '../../../sass/vuefilemanager/inapp-forms';
@import '../../../sass/vuefilemanager/forms';
.input {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
.close-icon-wrapper {
width: 22px;
height: 22px;
position: absolute;
cursor: pointer;
right: 15px;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
&:hover {
.close-icon {
line {
color: inherit;
}
}
}
.close-icon {
line {
color: rgba($text-muted, 0.3);
}
}
}
}
.dark {
.close-icon-wrapper {
&:hover {
.close-icon {
line {
color: inherit !important;
}
}
}
.close-icon {
line {
color: rgba($dark_mode_text_primary, 0.3) !important;
}
}
}
}
</style>
</script>