Michcio/lost-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
syuilo 2018-09-28 11:49:32 +09:00
parent fe8c384618
commit d715af0620
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
3 changed files with 8 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/client/app/mobile/views/pages/home.vue
View file

@ -154,9 +154,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
main
root(isDark)
> .nav > .nav
> .pointer > .pointer
position fixed position fixed
@ -176,7 +174,7 @@ root(isDark)
border-top solid $size transparent border-top solid $size transparent
border-left solid $size transparent border-left solid $size transparent
border-right solid $size transparent border-right solid $size transparent
border-bottom solid $size isDark ? #272f3a : #fff border-bottom solid $size var(--popupBg)
> .bg > .bg
position fixed position fixed
@ -198,7 +196,7 @@ root(isDark)
margin 0 auto margin 0 auto
overflow auto overflow auto
-webkit-overflow-scrolling touch -webkit-overflow-scrolling touch
background isDark ? #272f3a : #fff background var(--popupBg)
border-radius 8px border-radius 8px
box-shadow 0 0 16px rgba(#000, 0.1) box-shadow 0 0 16px rgba(#000, 0.1)
@ -207,19 +205,19 @@ root(isDark)
> .hr > .hr
margin 8px 0 margin 8px 0
border-top solid 1px isDark ? rgba(#000, 0.3) : rgba(#000, 0.1) border-top solid 1px var(--faceDivider)
> *:not(.hr) > *:not(.hr)
display block display block
padding 8px 16px padding 8px 16px
color isDark ? #cdd0d8 : #666 color var(--text)
&[data-active] &[data-active]
color var(--primaryForeground) color var(--primaryForeground)
background var(--primary) background var(--primary)
&:not([data-active]):hover &:not([data-active]):hover
background isDark ? #353e4a : #eee background var(--mobileHomeTlItemHover)
> .badge > .badge
margin-left 6px margin-left 6px
@ -237,17 +235,9 @@ root(isDark)
@media (min-width 600px) @media (min-width 600px)
padding 32px padding 32px
main[data-darkmode]
root(true)
main:not([data-darkmode])
root(false)
</style> </style>
<style lang="stylus" module> <style lang="stylus" module>
.title .title
i i
margin-right 4px margin-right 4px

1
src/client/theme/dark.json
View file

@ -131,6 +131,7 @@
"mobileHeaderBg": ":lighten<5<$secondary", "mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text", "mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
"mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)",
"mobileUserPageName": "#fff", "mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text", "mobileUserPageAcct": "$text",
"mobileUserPageDescription": "$text", "mobileUserPageDescription": "$text",

1
src/client/theme/light.json
View file

@ -131,6 +131,7 @@
"mobileHeaderBg": ":lighten<5<$secondary", "mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text", "mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
"mobileUserPageName": "#757c82", "mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5", "mobileUserPageAcct": "#969ea5",
"mobileUserPageDescription": "#757c82", "mobileUserPageDescription": "#757c82",