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