diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-15 08:29:59 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2020-02-15 08:29:59 +0900 |
| commit | 37c80e8ef50c833f30fc96635ff8317155a79a45 (patch) | |
| tree | a3765cbf892205b6d293dd4853fbaae9d1266e51 /src/client/app.vue | |
| parent | :art: (diff) | |
| download | misskey-37c80e8ef50c833f30fc96635ff8317155a79a45.tar.gz misskey-37c80e8ef50c833f30fc96635ff8317155a79a45.tar.bz2 misskey-37c80e8ef50c833f30fc96635ff8317155a79a45.zip | |
Improve wallpaper feature
Diffstat (limited to 'src/client/app.vue')
| -rw-r--r-- | src/client/app.vue | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/client/app.vue b/src/client/app.vue index d2707cdf01..fdd050c714 100644 --- a/src/client/app.vue +++ b/src/client/app.vue @@ -91,7 +91,7 @@ </nav> </transition> - <div class="contents" ref="contents"> + <div class="contents" ref="contents" :class="{ wallpaper }"> <main ref="main"> <div class="content"> <transition :name="$store.state.device.animation ? 'page' : ''" mode="out-in" @enter="onTransition"> @@ -189,6 +189,7 @@ export default Vue.extend({ isDesktop: window.innerWidth >= 1100, canBack: false, disconnectedDialog: null as Promise<void> | null, + wallpaper: localStorage.getItem('wallpaper') != null, faGripVertical, faChevronLeft, faComments, faHashtag, faBroadcastTower, faFireAlt, faEllipsisH, faPencilAlt, faBars, faTimes, faBell, faSearch, faUserCog, faCog, faUser, faHome, faStar, faCircle, faAt, faEnvelope, faListUl, faPlus, faUserClock, faLaugh, faUsers, faTachometerAlt, faExchangeAlt, faGlobe, faChartBar, faCloud, faServer }; }, @@ -972,6 +973,10 @@ export default Vue.extend({ margin: 0 auto; min-width: 0; + &.wallpaper { + background: var(--wallpaperOverlay); + } + > main { width: $main-width; min-width: $main-width; |