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

🎨

Browse source
This commit is contained in:
syuilo 2018-12-30 14:00:57 +09:00
parent 12286f4915
commit 4f76acd249
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
30 changed files with 67 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/client/app/desktop/views/components/calendar.vue
View file

@ -151,7 +151,7 @@ export default Vue.extend({
font-weight bold
color var(--faceHeaderText)
background var(--faceHeader)
box-shadow 0 1px rgba(#000, 0.07)
box-shadow 0 var(--lineWidth) rgba(#000, 0.07)
> [data-icon]
margin-right 4px
@ -199,11 +199,11 @@ export default Vue.extend({
color var(--calendarSaturdayOrSunday)
&[data-today]
box-shadow 0 0 0 1px var(--calendarWeek) inset
box-shadow 0 0 0 var(--lineWidth) var(--calendarWeek) inset
border-radius 6px
&[data-is-donichi]
box-shadow 0 0 0 1px var(--calendarSaturdayOrSunday) inset
box-shadow 0 0 0 var(--lineWidth) var(--calendarSaturdayOrSunday) inset
&.day
cursor pointer

2
src/client/app/desktop/views/components/context-menu.menu.vue
View file

@ -46,7 +46,7 @@ export default Vue.extend({
&.divider
margin-top $padding
padding-top $padding
border-top solid 1px var(--faceDivider)
border-top solid var(--lineWidth) var(--faceDivider)
&.nest
> p

4
src/client/app/desktop/views/components/note.vue
View file

@ -140,7 +140,7 @@ export default Vue.extend({
margin 0
padding 0
background var(--face)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
&.mini
font-size 13px
@ -261,7 +261,7 @@ export default Vue.extend({
> *
padding 16px
border dashed 1px var(--quoteBorder)
border dashed var(--lineWidth) var(--quoteBorder)
border-radius 8px
> footer

4
src/client/app/desktop/views/components/notes.vue
View file

@ -209,7 +209,7 @@ export default Vue.extend({
text-align center
color var(--dateDividerFg)
background var(--dateDividerBg)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
span
margin 0 16px
@ -233,7 +233,7 @@ export default Vue.extend({
text-align center
color #ccc
background var(--face)
border-top solid 1px var(--faceDivider)
border-top solid var(--lineWidth) var(--faceDivider)
border-bottom-left-radius 6px
border-bottom-right-radius 6px

6
src/client/app/desktop/views/components/notifications.vue
View file

@ -248,7 +248,7 @@ export default Vue.extend({
padding 16px
overflow-wrap break-word
font-size 12px
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
&:last-child
border-bottom none
@ -332,7 +332,7 @@ export default Vue.extend({
font-size 0.8em
color var(--dateDividerFg)
background var(--dateDividerBg)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
span
margin 0 16px
@ -345,7 +345,7 @@ export default Vue.extend({
width 100%
padding 16px
color var(--text)
border-top solid 1px rgba(#000, 0.05)
border-top solid var(--lineWidth) rgba(#000, 0.05)
&:hover
background rgba(#000, 0.025)

11
src/client/app/desktop/views/components/settings.vue
View file

@ -97,6 +97,12 @@
<ui-switch v-model="useShadow">{{ $t('use-shadow') }}</ui-switch>
<ui-switch v-model="roundedCorners">{{ $t('rounded-corners') }}</ui-switch>
<ui-switch v-model="circleIcons">{{ $t('circle-icons') }}</ui-switch>
<section>
<header>{{ $t('line-width') }}</header>
<ui-radio v-model="lineWidth" :value="0.5">{{ $t('line-width-thin') }}</ui-radio>
<ui-radio v-model="lineWidth" :value="1">{{ $t('line-width-normal') }}</ui-radio>
<ui-radio v-model="lineWidth" :value="2">{{ $t('line-width-thick') }}</ui-radio>
</section>
<ui-switch v-model="reduceMotion">{{ $t('@.reduce-motion') }}</ui-switch>
<ui-switch v-model="contrastedAcct">{{ $t('contrasted-acct') }}</ui-switch>
<ui-switch v-model="showFullAcct">{{ $t('@.show-full-acct') }}</ui-switch>
@ -405,6 +411,11 @@ export default Vue.extend({
set(value) { this.$store.dispatch('settings/set', { key: 'roundedCorners', value }); }
},
lineWidth: {
get() { return this.$store.state.settings.lineWidth; },
set(value) { this.$store.dispatch('settings/set', { key: 'lineWidth', value }); }
},
fetchOnScroll: {
get() { return this.$store.state.settings.fetchOnScroll; },
set(value) { this.$store.dispatch('settings/set', { key: 'fetchOnScroll', value }); }

2
src/client/app/desktop/views/components/timeline.core.vue
View file

@ -173,7 +173,7 @@ export default Vue.extend({
<style lang="stylus" scoped>
.mk-timeline-core
> .mk-friends-maker
border-bottom solid 1px #eee
border-bottom solid var(--lineWidth) #eee
</style>

2
src/client/app/desktop/views/components/timeline.vue
View file

@ -187,7 +187,7 @@ export default Vue.extend({
padding 0 8px
z-index 10
background var(--faceHeader)
box-shadow 0 1px var(--desktopTimelineHeaderShadow)
box-shadow 0 var(--lineWidth) var(--desktopTimelineHeaderShadow)
> .buttons
position absolute

4
src/client/app/desktop/views/components/ui.header.account.vue
View file

@ -227,7 +227,7 @@ export default Vue.extend({
font-size 0.8em
background $bgcolor
border-radius 4px
box-shadow 0 1px 4px rgba(#000, 0.25)
box-shadow 0 var(--lineWidth) 4px rgba(#000, 0.25)
&:before
content ""
@ -261,7 +261,7 @@ export default Vue.extend({
& + ul
padding-top 10px
border-top solid 1px var(--faceDivider)
border-top solid var(--lineWidth) var(--faceDivider)
> li
display block

2
src/client/app/desktop/views/components/widget-container.vue
View file

@ -46,7 +46,7 @@ export default Vue.extend({
font-size 0.9em
font-weight bold
color var(--faceHeaderText)
box-shadow 0 1px rgba(#000, 0.07)
box-shadow 0 var(--lineWidth) rgba(#000, 0.07)
> [data-icon]
margin-right 6px

2
src/client/app/desktop/views/pages/deck/deck.column.vue
View file

@ -373,7 +373,7 @@ export default Vue.extend({
font-size 14px
color var(--faceHeaderText)
background var(--faceHeader)
box-shadow 0 1px rgba(#000, 0.15)
box-shadow 0 var(--lineWidth) rgba(#000, 0.15)
cursor pointer
&, *

4
src/client/app/desktop/views/pages/deck/deck.notes.vue
View file

@ -214,7 +214,7 @@ export default Vue.extend({
text-align center
color var(--dateDividerFg)
background var(--dateDividerBg)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
span
margin 0 16px
@ -231,7 +231,7 @@ export default Vue.extend({
text-align center
color #ccc
background var(--face)
border-top solid 1px var(--faceDivider)
border-top solid var(--lineWidth) var(--faceDivider)
border-bottom-left-radius 6px
border-bottom-right-radius 6px

6
src/client/app/desktop/views/pages/deck/deck.notifications.vue
View file

@ -177,7 +177,7 @@ export default Vue.extend({
> .notifications
> .notification:not(:last-child)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
> .date
display block
@ -187,7 +187,7 @@ export default Vue.extend({
font-size 12px
color var(--dateDividerFg)
background var(--dateDividerBg)
border-bottom solid 1px var(--faceDivider)
border-bottom solid var(--lineWidth) var(--faceDivider)
span
margin 0 16px
@ -200,7 +200,7 @@ export default Vue.extend({
width 100%
padding 16px
color #555
border-top solid 1px rgba(#000, 0.05)
border-top solid var(--lineWidth) rgba(#000, 0.05)
&:hover
background rgba(#000, 0.025)

2
src/client/app/desktop/views/pages/deck/deck.user-column.vue
View file

@ -462,7 +462,7 @@ export default Vue.extend({
display grid
grid-template-columns 2fr 2fr 2fr 1fr
margin-top 8px
border-top solid 1px var(--faceDivider)
border-top solid var(--lineWidth) var(--faceDivider)
> div
padding 8px 8px 0 8px