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

Refactor

Browse source
This commit is contained in:
syuilo 2019-02-28 12:49:13 +09:00
parent 9c363ff045
commit b7927ba386
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
16 changed files with 83 additions and 264 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<template>
<div class="mk-calendar" :data-melt="design == 4 || design == 5">
<div class="mk-calendar" :data-melt="design == 4 || design == 5" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
<template v-if="design == 0 || design == 1">
<button @click="prev" :title="$t('prev')"><fa icon="chevron-circle-left"/></button>
<p class="title">{{ $t('title', { year, month }) }}</p>
@ -133,10 +133,14 @@ export default Vue.extend({
.mk-calendar
color var(--calendarDay)
background var(--face)
box-shadow var(--shadow)
border-radius var(--round)
overflow hidden
&.round
border-radius 6px
&.shadow
box-shadow 0 3px 8px rgba(0, 0, 0, 0.2)
&[data-melt]
background transparent !important
border none !important

14
src/client/app/desktop/views/components/note-detail.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="mk-note-detail" :title="title" tabindex="-1">
<div class="mk-note-detail" :title="title" tabindex="-1" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
<button
class="read-more"
v-if="appearNote.reply && appearNote.reply.replyId && conversation.length == 0"
@ -159,8 +159,15 @@ export default Vue.extend({
overflow hidden
text-align left
background var(--face)
box-shadow var(--shadow)
border-radius var(--round)
&.round
border-radius 6px
> .read-more
border-radius 6px 6px 0 0
&.shadow
box-shadow 0 3px 8px rgba(0, 0, 0, 0.2)
> .read-more
display block
@ -175,7 +182,6 @@ export default Vue.extend({
outline none
border none
border-bottom solid 1px var(--faceDivider)
border-radius var(--round) var(--round) 0 0
&:hover
box-shadow 0 0 0 100px inset rgba(0, 0, 0, 0.05)

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

@ -1,5 +1,5 @@
<template>
<div class="mk-notes">
<div class="mk-notes" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
<slot name="header"></slot>
<div class="newer-indicator" :style="{ top: $store.state.uiHeaderHeight + 'px' }" v-show="queue.length > 0"></div>
@ -191,10 +191,14 @@ export default Vue.extend({
<style lang="stylus" scoped>
.mk-notes
background var(--face)
box-shadow var(--shadow)
border-radius var(--round)
overflow hidden
&.round
border-radius 6px
&.shadow
box-shadow 0 3px 8px rgba(0, 0, 0, 0.2)
.transition
.mk-notes-enter
.mk-notes-leave-to

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

@ -603,9 +603,6 @@ export default Vue.extend({
z-index 1
font-size 15px
&.inWindow
box-shadow var(--shadowRight)
> p
display block
padding 10px 16px

10
src/client/app/desktop/views/components/ui-container.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="kedshtep" :class="{ naked, inNakedDeckColumn }">
<div class="kedshtep" :class="{ naked, inNakedDeckColumn, shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners }">
<header v-if="showHeader">
<div class="title"><slot name="header"></slot></div>
<slot name="func"></slot>
@ -60,8 +60,12 @@ export default Vue.extend({
&:not(.inNakedDeckColumn)
background var(--face)
box-shadow var(--shadow)
border-radius var(--round)
&.round
border-radius 6px
&.shadow
box-shadow 0 3px 8px rgba(0, 0, 0, 0.2)
& + .kedshtep
margin-top 16px

20
src/client/app/desktop/views/components/ui.sidebar.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="header" :class="navbar">
<div class="header" :class="navbar" :data-shadow="$store.state.device.useShadow">
<div class="body">
<div class="post">
<button @click="post" :title="$t('title')"><fa icon="pencil-alt"/></button>
@ -62,7 +62,7 @@
</div>
<transition :name="`slide-${navbar}`">
<div class="notifications" v-if="showNotifications" ref="notifications" :class="navbar">
<div class="notifications" v-if="showNotifications" ref="notifications" :class="navbar" :data-shadow="$store.state.device.useShadow">
<mk-notifications/>
</div>
</transition>
@ -226,11 +226,15 @@ export default Vue.extend({
&.left
left 0
box-shadow var(--shadowRight)
&[data-shadow]
box-shadow 4px 0 4px rgba(0, 0, 0, 0.1)
&.right
right 0
box-shadow var(--shadowLeft)
&[data-shadow]
box-shadow -4px 0 4px rgba(0, 0, 0, 0.1)
> .body
position fixed
@ -302,11 +306,15 @@ export default Vue.extend({
&.left
left $width
box-shadow var(--shadowRight)
&[data-shadow]
box-shadow 4px 0 4px rgba(0, 0, 0, 0.1)
&.right
right $width
box-shadow var(--shadowLeft)
&[data-shadow]
box-shadow -4px 0 4px rgba(0, 0, 0, 0.1)
.nav
> *