mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-03 17:28:14 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2018-07-25 04:36:02 +09:00
parent a22ddb05ba
commit f8477fa88d
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/app/desktop/views/components/drive.file.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="root file" <div class="gvfdktuvdgwhmztnuekzkswkjygptfcv"
:data-is-selected="isSelected" :data-is-selected="isSelected"
:data-is-contextmenu-showing="isContextmenuShowing" :data-is-contextmenu-showing="isContextmenuShowing"
@click="onClick" @click="onClick"
@ -324,10 +324,10 @@ root(isDark)
> .ext > .ext
opacity 0.5 opacity 0.5
.root.file[data-darkmode] .gvfdktuvdgwhmztnuekzkswkjygptfcv[data-darkmode]
root(true) root(true)
.root.file:not([data-darkmode]) .gvfdktuvdgwhmztnuekzkswkjygptfcv:not([data-darkmode])
root(false) root(false)
</style> </style>

20
src/client/app/desktop/views/components/drive.folder.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="root folder" <div class="ynntpczxvnusfwdyxsfuhvcmuypqopdd"
:data-is-contextmenu-showing="isContextmenuShowing" :data-is-contextmenu-showing="isContextmenuShowing"
:data-draghover="draghover" :data-draghover="draghover"
@click="onClick" @click="onClick"
@ -216,10 +216,10 @@ export default Vue.extend({
<style lang="stylus" scoped> <style lang="stylus" scoped>
@import '~const.styl' @import '~const.styl'
.root.folder root(isDark)
padding 8px padding 8px
height 64px height 64px
background lighten($theme-color, 95%) background isDark ? rgba($theme-color, 0.2) : lighten($theme-color, 95%)
border-radius 4px border-radius 4px
&, * &, *
@ -229,10 +229,10 @@ export default Vue.extend({
pointer-events none pointer-events none
&:hover &:hover
background lighten($theme-color, 90%) background isDark ? rgba(lighten($theme-color, 10%), 0.2) : lighten($theme-color, 90%)
&:active &:active
background lighten($theme-color, 85%) background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 85%)
&[data-is-contextmenu-showing] &[data-is-contextmenu-showing]
&[data-draghover] &[data-draghover]
@ -248,16 +248,22 @@ export default Vue.extend({
border-radius 4px border-radius 4px
&[data-draghover] &[data-draghover]
background lighten($theme-color, 90%) background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 90%)
> .name > .name
margin 0 margin 0
font-size 0.9em font-size 0.9em
color darken($theme-color, 30%) color isDark ? #fff : darken($theme-color, 30%)
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
margin-left 2px margin-left 2px
text-align left text-align left
.ynntpczxvnusfwdyxsfuhvcmuypqopdd[data-darkmode]
root(true)
.ynntpczxvnusfwdyxsfuhvcmuypqopdd:not([data-darkmode])
root(false)
</style> </style>