mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-10 16:43:07 +02:00
🎨
This commit is contained in:
parent
a22ddb05ba
commit
f8477fa88d
2 changed files with 16 additions and 10 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue