diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 18:36:14 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-07-12 18:36:14 +0900 |
| commit | 0f5db9558cadd5952958ed38638a077972111891 (patch) | |
| tree | 4c553c19d6fadc87617166daf70295f6a5611cda /src/client | |
| parent | fix(client): Fix theme color (diff) | |
| download | misskey-0f5db9558cadd5952958ed38638a077972111891.tar.gz misskey-0f5db9558cadd5952958ed38638a077972111891.tar.bz2 misskey-0f5db9558cadd5952958ed38638a077972111891.zip | |
fix(client): Show shadow
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/components/url-preview-popup.vue | 2 | ||||
| -rw-r--r-- | src/client/components/user-preview.vue | 2 | ||||
| -rw-r--r-- | src/client/style.scss | 4 | ||||
| -rw-r--r-- | src/client/themes/_dark.json5 | 2 | ||||
| -rw-r--r-- | src/client/themes/black.json5 | 1 |
5 files changed, 8 insertions, 3 deletions
diff --git a/src/client/components/url-preview-popup.vue b/src/client/components/url-preview-popup.vue index 52731296cb..6d00d18607 100644 --- a/src/client/components/url-preview-popup.vue +++ b/src/client/components/url-preview-popup.vue @@ -1,5 +1,5 @@ <template> -<div class="fgmtyycl _panel" :style="{ top: top + 'px', left: left + 'px' }"> +<div class="fgmtyycl _panel _shadow" :style="{ top: top + 'px', left: left + 'px' }"> <mk-url-preview :url="url"/> </div> </template> diff --git a/src/client/components/user-preview.vue b/src/client/components/user-preview.vue index 8c8eee2a34..410de6b488 100644 --- a/src/client/components/user-preview.vue +++ b/src/client/components/user-preview.vue @@ -1,6 +1,6 @@ <template> <transition name="popup" appear @after-leave="() => { $emit('closed'); destroyDom(); }"> - <div v-if="show" class="fxxzrfni _panel" ref="content" :style="{ top: top + 'px', left: left + 'px' }" @mouseover="() => { $emit('mouseover'); }" @mouseleave="() => { $emit('mouseleave'); }"> + <div v-if="show" class="fxxzrfni _panel _shadow" ref="content" :style="{ top: top + 'px', left: left + 'px' }" @mouseover="() => { $emit('mouseover'); }" @mouseleave="() => { $emit('mouseleave'); }"> <div class="banner" :style="u.bannerUrl ? `background-image: url(${u.bannerUrl})` : ''"></div> <mk-avatar class="avatar" :user="u" :disable-preview="true"/> <div class="title"> diff --git a/src/client/style.scss b/src/client/style.scss index 1a3eb09f4b..972c38338c 100644 --- a/src/client/style.scss +++ b/src/client/style.scss @@ -207,6 +207,10 @@ hr { backdrop-filter: var(--modalBgFilter); } +._shadow { + box-shadow: 0px 4px 32px var(--shadow) !important; +} + ._button { appearance: none; padding: 0; diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5 index 09c1b888f8..35d79421c4 100644 --- a/src/client/themes/_dark.json5 +++ b/src/client/themes/_dark.json5 @@ -23,7 +23,7 @@ panelHeaderFg: '@fg', panelHeaderDivider: 'rgba(0, 0, 0, 0)', panelBorder: 'rgba(0, 0, 0, 0)', - shadow: 'rgba(0, 0, 0, 0.1)', + shadow: 'rgba(0, 0, 0, 0.3)', header: ':alpha<0.7<@bg', navBg: '@bg', navFg: '@fg', diff --git a/src/client/themes/black.json5 b/src/client/themes/black.json5 index 0637428476..579738f725 100644 --- a/src/client/themes/black.json5 +++ b/src/client/themes/black.json5 @@ -12,6 +12,7 @@ panelHeaderBg: '@panel', panelHeaderDivider: '@divider', panelBorder: '@divider', + shadow: 'rgba(255, 255, 255, 0.05)', modalBg: 'rgba(255, 255, 255, 0.1)', messageBg: '#1d1d1d', deckColumnBorder: '@divider', |