Skip to content
Snippets Groups Projects
Unverified Commit 1eef90f6 authored by syuilo's avatar syuilo
Browse files

wip

parent 29476ea3
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 36 additions and 71 deletions
src/client/app/mobile/views/components/drive.file-detail.vue
+ 16
− 26
View file @ 1eef90f6
......@@ -134,10 +134,10 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.pyvicwrksnfyhpfgkjwqknuururpaztw
> .preview
padding 8px
background isDark ? #191b22 : #f0f0f0
background var(--bg)
> img
display block
......@@ -148,9 +148,10 @@ root(isDark)
> footer
padding 8px 8px 0 8px
font-size 0.8em
color isDark ? #606984 : #888
text-align center
font-size 0.8em
color var(--text)
opacity 0.7
> .separator
display inline
......@@ -178,12 +179,12 @@ root(isDark)
> .info
padding 14px
font-size 0.8em
border-top solid 1px isDark ? #1c2023 : #dfdfdf
border-top solid 1px var(--faceDivider)
> div
max-width 500px
margin 0 auto
color isDark ? #9397a2 : #9d9d9d
color var(--text)
> .separator
padding 0 4px
......@@ -198,7 +199,7 @@ root(isDark)
> .menu
padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf
border-top solid 1px var(--faceDivider)
> div
max-width 500px
......@@ -209,31 +210,26 @@ root(isDark)
width 100%
padding 10px 16px
margin 0 0 12px 0
color isDark ? #dfe3e8 : #333
color var(--primaryForeground)
font-size 0.9em
text-align center
text-decoration none
text-shadow 0 1px 0 isDark ? rgba(0, 0, 0, 0.9) : rgba(255, 255, 255, 0.9)
background-image isDark ? linear-gradient(#292f3c, #1b2025) : linear-gradient(#fafafa, #eaeaea)
border 1px solid isDark ? #121417 : #ddd
border-bottom-color isDark ? #060606 : #cecece
background var(--primary)
border none
border-radius 3px
&:last-child
margin-bottom 0
&:active
background-color #767676
background-image none
border-color #444
box-shadow 0 1px 3px rgba(#000, 0.075), inset 0 0 5px rgba(#000, 0.2)
background var(--primaryDarken10)
> [data-fa]
margin-right 4px
> .hash
padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf
border-top solid 1px var(--faceDivider)
> div
max-width 500px
......@@ -243,7 +239,7 @@ root(isDark)
display block
margin 0
padding 0
color isDark ? #a8b7d0 : #555
color var(--text)
font-size 0.9em
> [data-fa]
......@@ -264,7 +260,7 @@ root(isDark)
> .exif
padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf
border-top solid 1px var(--faceDivider)
> div
max-width 500px
......@@ -274,7 +270,7 @@ root(isDark)
display block
margin 0
padding 0
color isDark ? #a8b7d0 : #555
color var(--text)
font-size 0.9em
> [data-fa]
......@@ -292,10 +288,4 @@ root(isDark)
border-radius 2px
background #f5f5f5
.pyvicwrksnfyhpfgkjwqknuururpaztw[data-darkmode]
root(true)
.pyvicwrksnfyhpfgkjwqknuururpaztw:not([data-darkmode])
root(false)
</style>
src/client/app/mobile/views/components/drive.file.vue
+ 6
− 13
View file @ 1eef90f6
......@@ -63,9 +63,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm
display block
text-decoration none !important
......@@ -103,7 +101,7 @@ root(isDark)
padding 0
font-size 0.9em
font-weight bold
color isDark ? #fff : #555
color var(--text)
text-overflow ellipsis
overflow-wrap break-word
......@@ -127,21 +125,22 @@ root(isDark)
display block
margin 4px 0 0 0
font-size 0.7em
color var(--text)
> .separator
padding 0 4px
> .type
color #9D9D9D
opacity 0.7
> .mk-file-type-icon
margin-right 4px
> .data-size
color #9D9D9D
opacity 0.7
> .created-at
color #BDBDBD
opacity 0.7
> [data-fa]
margin-right 2px
......@@ -155,10 +154,4 @@ root(isDark)
&, *
color #fff !important
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm[data-darkmode]
root(true)
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm:not([data-darkmode])
root(false)
</style>
src/client/app/mobile/views/components/drive.folder.vue
+ 2
− 8
View file @ 1eef90f6
......@@ -24,9 +24,9 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.jvwxssxsytqlqvrpiymarjlzlsxskqsr
display block
color isDark ? #fff : #777
color var(--text)
text-decoration none !important
*
......@@ -55,10 +55,4 @@ root(isDark)
> *
height 100%
.jvwxssxsytqlqvrpiymarjlzlsxskqsr[data-darkmode]
root(true)
.jvwxssxsytqlqvrpiymarjlzlsxskqsr:not([data-darkmode])
root(false)
</style>
src/client/app/mobile/views/components/drive.vue
+ 7
− 13
View file @ 1eef90f6
......@@ -473,7 +473,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.kmmwchoexgckptowjmjgfsygeltxfeqs
background var(--face)
> nav
......@@ -487,10 +487,10 @@ root(isDark)
overflow auto
white-space nowrap
font-size 0.9em
color rgba(isDark ? #fff : #000, 0.67)
color var(--text)
-webkit-backdrop-filter blur(12px)
backdrop-filter blur(12px)
//background-color rgba(var(--faceHeader), 0.75)
background-color var(--mobileDriveNavBg)
border-bottom solid 1px rgba(#000, 0.13)
> p
......@@ -516,7 +516,7 @@ root(isDark)
opacity 0.5
> .info
border-bottom solid 1px isDark ? #1c2023 : #eee
border-bottom solid 1px var(--faceDivider)
&:empty
display none
......@@ -527,15 +527,15 @@ root(isDark)
margin 0 auto
padding 4px 16px
font-size 10px
color isDark ? #606984 : #777
color var(--text)
> .folders
> .folder
border-bottom solid 1px isDark ? #1c2023 : #eee
border-bottom solid 1px var(--faceDivider)
> .files
> .file
border-bottom solid 1px isDark ? #1c2023 : #eee
border-bottom solid 1px var(--faceDivider)
> .more
display block
......@@ -591,10 +591,4 @@ root(isDark)
> .file
display none
.kmmwchoexgckptowjmjgfsygeltxfeqs[data-darkmode]
root(true)
.kmmwchoexgckptowjmjgfsygeltxfeqs:not([data-darkmode])
root(false)
</style>
src/client/app/mobile/views/components/notification.vue
+ 2
− 8
View file @ 1eef90f6
......@@ -105,7 +105,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-notification
> .notification
padding 16px
font-size 12px
......@@ -154,7 +154,7 @@ root(isDark)
> .mk-time
margin-left auto
color isDark ? #606984 : #c0c0c0
color var(--noteHeaderInfo)
font-size 0.9em
> .note-preview
......@@ -182,10 +182,4 @@ root(isDark)
> div > header i
color #888
.mk-notification[data-darkmode]
root(true)
.mk-notification:not([data-darkmode])
root(false)
</style>
src/client/app/mobile/views/pages/received-follow-requests.vue
+ 1
− 3
View file @ 1eef90f6
......@@ -52,8 +52,6 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
main
width 100%
max-width 680px
......@@ -69,7 +67,7 @@ main
> div
display flex
padding 16px
border solid 1px isDark ? #1c2023 : #eee
border solid 1px var(--faceDivider)
border-radius 4px
> span
......
src/client/theme/dark.json
+ 1
− 0
View file @ 1eef90f6
......@@ -136,6 +136,7 @@
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.2)",
"mobilePostFormTextareaBg": "rgba(0, 0, 0, 0.3)",
"mobileDriveNavBg": ":alpha<0.75<$secondary",
"mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)",
"mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text",
......
src/client/theme/light.json
+ 1
− 0
View file @ 1eef90f6
......@@ -136,6 +136,7 @@
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.1)",
"mobilePostFormTextareaBg": "#fff",
"mobileDriveNavBg": ":alpha<0.75<$secondary",
"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
"mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5",
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment