RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

folder: design update

cap
Varun Patil 2022-12-04 18:52:42 -08:00
parent 604371c5cd
commit 8347252cfa
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/frame/Folder.vue
View File

@ -15,12 +15,14 @@
</div>
<div class="previews fill-block">
<div class="img-outer" v-for="info of previews" :key="info.fileid">
<img
class="fill-block"
:src="getPreviewUrl(info, true, 256)"
@error="$event.target.classList.add('error')"
/>
<div class="preview-container fill-block">
<div class="img-outer" v-for="info of previews" :key="info.fileid">
<img
class="fill-block"
:src="getPreviewUrl(info, true, 256)"
@error="$event.target.classList.add('error')"
/>
</div>
</div>
</div>
</router-link>
@ -185,11 +187,13 @@ export default class Folder extends Mixins(GlobalMixin, UserConfig) {
position: absolute;
padding: 2px;
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);
padding: 0;
margin: 0;