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

View file

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

View file

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