fix CSS
This commit is contained in:
GMrrc
parent
cf5d59dce5
commit
8670be9d4d
28
js/main.js
28
js/main.js
@ -1027,7 +1027,7 @@ var render = function render() {
|
||||
return _c("div", {
|
||||
staticClass: "flex flex-col h-full w-full border"
|
||||
}, [_c("NcBreadcrumbs", {
|
||||
staticClass: "max-h-8 mr-4"
|
||||
staticClass: "max-h-8 ml-3 mt-1"
|
||||
}, [_c("NcBreadcrumb", {
|
||||
attrs: {
|
||||
name: "Home",
|
||||
@ -1053,16 +1053,16 @@ var render = function render() {
|
||||
})], 2), _vm._v(" "), _vm._m(0), _vm._v(" "), _vm._l(_vm.files, function (file) {
|
||||
return _c("div", {
|
||||
key: file.filename,
|
||||
staticClass: "flex h-16 items-center hover:bg-NcGray cursor-pointer rounded-lg border-b last:border-b-0 border-gray-300",
|
||||
staticClass: "flex h-16 items-center hover:bg-NcGray rounded-lg border-b last:border-b-0 border-gray-300",
|
||||
on: {
|
||||
click: function ($event) {
|
||||
return _vm.handleClickElem(file);
|
||||
}
|
||||
}
|
||||
}, [_c("div", {
|
||||
staticClass: "cursor-pointer w-4/6 flex items-center px-4 py-2 border-r border-gray-300"
|
||||
staticClass: "w-4/6 flex items-center px-4 py-2 border-r border-gray-300 cursor-pointer"
|
||||
}, [_c("div", {
|
||||
staticClass: "w-12 h-12 flex items-center justify-center"
|
||||
staticClass: "w-12 h-12 flex items-center justify-center cursor-pointer"
|
||||
}, [file.type === "directory" ? [_c("svg", {
|
||||
staticClass: "text-NcBlue w-10 h-10",
|
||||
attrs: {
|
||||
@ -1074,7 +1074,7 @@ var render = function render() {
|
||||
d: "M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z"
|
||||
}
|
||||
})])] : [_c("div", {
|
||||
staticClass: "flex items-center justify-center"
|
||||
staticClass: "flex items-center justify-center cursor-pointer"
|
||||
}, [_c("svg", {
|
||||
staticClass: "w-10 h-10",
|
||||
staticStyle: {
|
||||
@ -1098,12 +1098,12 @@ var render = function render() {
|
||||
transform: "matrix(.7 0 0 .7 -.43 -.388)"
|
||||
}
|
||||
})])])]], 2), _vm._v(" "), _c("div", {
|
||||
staticClass: "ml-4"
|
||||
staticClass: "ml-4 cursor-pointer"
|
||||
}, [_vm._v(_vm._s(file.basename))])]), _vm._v(" "), _c("div", {
|
||||
staticClass: "cursor-pointer w-1/6 px-4 py-2 border-r border-gray-300"
|
||||
}, [_vm._v("\r\n " + _vm._s(file.type === "directory" ? "Dossier" : "Fichier") + "\r\n ")]), _vm._v(" "), _c("div", {
|
||||
staticClass: "cursor-pointer w-1/6 px-4 py-2"
|
||||
}, [_vm._v("\r\n " + _vm._s(file.type === "directory" ? "-" : _vm.formatFileSize(file.size)) + "\r\n ")])]);
|
||||
staticClass: "w-1/6 px-4 py-2 border-r border-gray-300 cursor-pointer"
|
||||
}, [_vm._v("\n " + _vm._s(file.type === "directory" ? "Dossier" : "Fichier") + "\n ")]), _vm._v(" "), _c("div", {
|
||||
staticClass: "w-1/6 px-4 py-2 cursor-pointer"
|
||||
}, [_vm._v("\n " + _vm._s(file.type === "directory" ? "-" : _vm.formatFileSize(file.size)) + "\n ")])]);
|
||||
})], 2);
|
||||
};
|
||||
var staticRenderFns = [function () {
|
||||
@ -3044,6 +3044,14 @@ video {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.ml-3 {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,16 +1,11 @@
|
||||
<template>
|
||||
<div class="flex flex-col h-full w-full border">
|
||||
<!-- Breadcrumb -->
|
||||
<NcBreadcrumbs class="max-h-8 mr-4">
|
||||
<NcBreadcrumb name="Home"
|
||||
title="Title of the Home folder"
|
||||
@click="handleClickBreadcrumb(-1)">
|
||||
<NcBreadcrumbs class="max-h-8 ml-3 mt-1">
|
||||
<NcBreadcrumb name="Home" title="Title of the Home folder" @click="handleClickBreadcrumb(-1)">
|
||||
</NcBreadcrumb>
|
||||
<NcBreadcrumb v-if="getBreadcrumbParts().length > 0"
|
||||
v-for="(part, index) in breadcrumbParts"
|
||||
:key="index"
|
||||
:name="part"
|
||||
@click="handleClickBreadcrumb(index)">
|
||||
<NcBreadcrumb v-if="getBreadcrumbParts().length > 0" v-for="(part, index) in breadcrumbParts" :key="index"
|
||||
:name="part" @click="handleClickBreadcrumb(index)">
|
||||
</NcBreadcrumb>
|
||||
</NcBreadcrumbs>
|
||||
|
||||
@ -22,53 +17,46 @@
|
||||
</div>
|
||||
|
||||
<!-- Contenu -->
|
||||
<div
|
||||
v-for="file in files"
|
||||
:key="file.filename"
|
||||
class="flex h-16 items-center hover:bg-NcGray cursor-pointer rounded-lg border-b last:border-b-0 border-gray-300"
|
||||
@click="handleClickElem(file)"
|
||||
>
|
||||
<div v-for="file in files" :key="file.filename"
|
||||
class="flex h-16 items-center hover:bg-NcGray rounded-lg border-b last:border-b-0 border-gray-300"
|
||||
@click="handleClickElem(file)">
|
||||
|
||||
<!-- Nom -->
|
||||
<div class="cursor-pointer w-4/6 flex items-center px-4 py-2 border-r border-gray-300">
|
||||
<div class="w-12 h-12 flex items-center justify-center">
|
||||
<div class="w-4/6 flex items-center px-4 py-2 border-r border-gray-300 cursor-pointer">
|
||||
<div class="w-12 h-12 flex items-center justify-center cursor-pointer">
|
||||
<template v-if="file.type === 'directory'">
|
||||
<svg
|
||||
fill="currentColor"
|
||||
viewBox="0 0 24 24"
|
||||
class="text-NcBlue w-10 h-10"
|
||||
>
|
||||
<svg fill="currentColor" viewBox="0 0 24 24" class="text-NcBlue w-10 h-10 ">
|
||||
<path
|
||||
d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z"
|
||||
></path>
|
||||
d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z">
|
||||
</path>
|
||||
</svg>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="flex items-center justify-center">
|
||||
<svg
|
||||
viewBox="0 0 16 16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xml:space="preserve"
|
||||
<div class="flex items-center justify-center cursor-pointer">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"
|
||||
class="w-10 h-10"
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
|
||||
>
|
||||
<path d="M6 22c-.55 0-1.021-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.926 1.926 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.93 1.93 0 0 1 18 22H6Z" style="fill:#969696;fill-rule:nonzero" transform="matrix(.7 0 0 .7 -.43 -.388)"/>
|
||||
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
|
||||
<path
|
||||
d="M6 22c-.55 0-1.021-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.926 1.926 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.93 1.93 0 0 1 18 22H6Z"
|
||||
style="fill:#969696;fill-rule:nonzero" transform="matrix(.7 0 0 .7 -.43 -.388)" />
|
||||
</svg>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="ml-4">{{ file.basename }}</div>
|
||||
<div class="ml-4 cursor-pointer">{{ file.basename }}</div>
|
||||
</div>
|
||||
|
||||
<!-- Type -->
|
||||
<div class="cursor-pointer w-1/6 px-4 py-2 border-r border-gray-300">
|
||||
<div class="w-1/6 px-4 py-2 border-r border-gray-300 cursor-pointer">
|
||||
{{ file.type === 'directory' ? 'Dossier' : 'Fichier' }}
|
||||
</div>
|
||||
|
||||
<!-- Taille -->
|
||||
<div class="cursor-pointer w-1/6 px-4 py-2">
|
||||
<div class="w-1/6 px-4 py-2 cursor-pointer">
|
||||
{{ file.type === 'directory' ? '-' : formatFileSize(file.size) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
@ -565,6 +565,14 @@ video {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.ml-3 {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user