1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-12 21:58:12 +09:00
This commit is contained in:
syuilo 2017-11-20 08:47:03 +09:00
parent fd18359178
commit 88804731d0
3 changed files with 14 additions and 18 deletions

View File

@ -18,12 +18,14 @@
<virtual each={ folder in folders }>
<mk-drive-browser-folder class="folder" folder={ folder }/>
</virtual>
<div class="padding" each={ folders }></div>
<button if={ moreFolders }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
</div>
<div class="files" ref="filesContainer" if={ files.length > 0 }>
<virtual each={ file in files }>
<mk-drive-browser-file class="file" file={ file }/>
</virtual>
<div class="padding" each={ files }></div>
<button if={ moreFiles } onclick={ fetchMoreFiles }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
</div>
<div class="empty" if={ files.length == 0 && folders.length == 0 && !fetching }>
@ -161,22 +163,20 @@
> .contents
> .folders
&:after
content ""
display block
clear both
> .files
display flex
flex-wrap wrap
> .folder
float left
> .files
&:after
content ""
display block
clear both
> .file
float left
flex-grow 1
width 144px
margin 4px
> .padding
flex-grow 1
pointer-events none
width 144px + 8px // 8px is margin
> .empty
padding 16px

View File

@ -10,9 +10,7 @@
<style>
:scope
display block
margin 4px
padding 8px 0 0 0
width 144px
height 180px
border-radius 4px
@ -113,7 +111,7 @@
> .thumbnail
width 128px
height 128px
left 8px
margin auto
> img
display block

View File

@ -3,9 +3,7 @@
<style>
:scope
display block
margin 4px
padding 8px
width 144px
height 64px
background lighten($theme-color, 95%)
border-radius 4px