folder: design update
parent
604371c5cd
commit
8347252cfa
|
@ -15,12 +15,14 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="previews fill-block">
|
<div class="previews fill-block">
|
||||||
<div class="img-outer" v-for="info of previews" :key="info.fileid">
|
<div class="preview-container fill-block">
|
||||||
<img
|
<div class="img-outer" v-for="info of previews" :key="info.fileid">
|
||||||
class="fill-block"
|
<img
|
||||||
:src="getPreviewUrl(info, true, 256)"
|
class="fill-block"
|
||||||
@error="$event.target.classList.add('error')"
|
:src="getPreviewUrl(info, true, 256)"
|
||||||
/>
|
@error="$event.target.classList.add('error')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
@ -185,11 +187,13 @@ export default class Folder extends Mixins(GlobalMixin, UserConfig) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@media (max-width: 768px) {
|
|
||||||
padding: 1px;
|
.preview-container {
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .img-outer {
|
.img-outer {
|
||||||
background-color: var(--color-background-dark);
|
background-color: var(--color-background-dark);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
Loading…
Reference in New Issue