folder: design update
parent
604371c5cd
commit
8347252cfa
|
@ -15,6 +15,7 @@
|
|||
</div>
|
||||
|
||||
<div class="previews fill-block">
|
||||
<div class="preview-container fill-block">
|
||||
<div class="img-outer" v-for="info of previews" :key="info.fileid">
|
||||
<img
|
||||
class="fill-block"
|
||||
|
@ -23,6 +24,7 @@
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</router-link>
|
||||
</template>
|
||||
|
||||
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue