Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
syuilo 2018-09-28 19:59:19 +09:00
parent 3f4de3b1cc
commit 8e3dd75c85
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
45 changed files with 200 additions and 461 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/client/app/common/views/components/ui/button.vue
View file

@ -32,7 +32,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark, fill)
root(fill)
> button
display block
width 100%
@ -65,16 +65,10 @@ root(isDark, fill)
&:active
background var(--primaryAlpha03)
.ui-button[data-darkmode]
.ui-button
&.fill
root(true, true)
root(true)
&:not(.fill)
root(true, false)
.ui-button:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
root(false)
</style>

20
src/client/app/common/views/components/ui/form/button.vue
View file

@ -25,9 +25,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg
display inline-block
& + .nvemkhtwcnnpkdrwfcbzuwhfulejhmzg
@ -38,11 +36,11 @@ root(isDark)
margin 0
padding 12px 20px
font-size 14px
border 1px solid isDark ? #6d727d : #dcdfe6
border 1px solid var(--formButtonBorder)
border-radius 4px
outline none
box-shadow none
color isDark ? #fff : #606266
color var(--text)
transition 0.1s
*
@ -51,12 +49,12 @@ root(isDark)
&:hover
&:focus
color var(--primary)
//background rgba(var(--primary-r), var(--primary-g), var(--primary-b), isDark ? 0.2 : 0.12)
//border-color rgba(var(--primary-r), var(--primary-g), var(--primary-b), isDark ? 0.5 : 0.3)
background var(--formButtonHoverBg)
border-color var(--formButtonHoverBorder)
&:active
color var(--primaryDarken20)
//background rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.12)
background var(--formButtonActiveBg)
border-color var(--primary)
transition all 0s
@ -80,10 +78,4 @@ root(isDark)
> button
border-radius 64px
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg[data-darkmode]
root(true)
.nvemkhtwcnnpkdrwfcbzuwhfulejhmzg:not([data-darkmode])
root(false)
</style>

12
src/client/app/common/views/components/ui/form/radio.vue
View file

@ -49,9 +49,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.uywduthvrdnlpsvsjkqigicixgyfctto
display inline-flex
margin 0 16px 0 0
cursor pointer
@ -93,7 +91,7 @@ root(isDark)
width 20px
height 20px
background none
border solid 2px isDark ? rgba(#fff, 0.6) : rgba(#000, 0.4)
border solid 2px var(--radioBorder)
border-radius 100%
transition inherit
@ -117,10 +115,4 @@ root(isDark)
line-height 20px
cursor pointer
.uywduthvrdnlpsvsjkqigicixgyfctto[data-darkmode]
root(true)
.uywduthvrdnlpsvsjkqigicixgyfctto:not([data-darkmode])
root(false)
</style>

16
src/client/app/common/views/components/ui/input.vue
View file

@ -155,9 +155,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark, fill)
root(fill)
margin 32px 0
> .icon
@ -335,16 +333,10 @@ root(isDark, fill)
left 0 !important
transform scale(0.75)
.ui-input[data-darkmode]
.ui-input
&.fill
root(true, true)
root(true)
&:not(.fill)
root(true, false)
.ui-input:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
root(false)
</style>

10
src/client/app/common/views/components/ui/radio.vue
View file

@ -51,9 +51,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.ui-radio
display inline-block
margin 0 32px 0 0
cursor pointer
@ -111,10 +109,4 @@ root(isDark)
line-height 20px
cursor pointer
.ui-radio[data-darkmode]
root(true)
.ui-radio:not([data-darkmode])
root(false)
</style>

16
src/client/app/common/views/components/ui/select.vue
View file

@ -70,9 +70,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark, fill)
root(fill)
margin 32px 0
> .icon
@ -200,16 +198,10 @@ root(isDark, fill)
left 0 !important
transform scale(0.75)
.ui-select[data-darkmode]
.ui-select
&.fill
root(true, true)
root(true)
&:not(.fill)
root(true, false)
.ui-select:not([data-darkmode])
&.fill
root(false, true)
&:not(.fill)
root(false, false)
root(false)
</style>