graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-09 03:53:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(client): Show shadow

Browse source
This commit is contained in:
syuilo 2020-07-12 18:36:14 +09:00
parent 35a8c37922
commit 0f5db9558c
5 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/client/components/url-preview-popup.vue
View file

@ -1,5 +1,5 @@
<template> <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"/> <mk-url-preview :url="url"/>
</div> </div>
</template> </template>

2
src/client/components/user-preview.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<transition name="popup" appear @after-leave="() => { $emit('closed'); destroyDom(); }"> <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> <div class="banner" :style="u.bannerUrl ? `background-image: url(${u.bannerUrl})` : ''"></div>
<mk-avatar class="avatar" :user="u" :disable-preview="true"/> <mk-avatar class="avatar" :user="u" :disable-preview="true"/>
<div class="title"> <div class="title">

4
src/client/style.scss
View file

@ -207,6 +207,10 @@ hr {
backdrop-filter: var(--modalBgFilter); backdrop-filter: var(--modalBgFilter);
} }
._shadow {
box-shadow: 0px 4px 32px var(--shadow) !important;
}
._button { ._button {
appearance: none; appearance: none;
padding: 0; padding: 0;

2
src/client/themes/_dark.json5
View file

@ -23,7 +23,7 @@
panelHeaderFg: '@fg', panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)', panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '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', header: ':alpha<0.7<@bg',
navBg: '@bg', navBg: '@bg',
navFg: '@fg', navFg: '@fg',

1
src/client/themes/black.json5
View file

@ -12,6 +12,7 @@
panelHeaderBg: '@panel', panelHeaderBg: '@panel',
panelHeaderDivider: '@divider', panelHeaderDivider: '@divider',
panelBorder: '@divider', panelBorder: '@divider',
shadow: 'rgba(255, 255, 255, 0.05)',
modalBg: 'rgba(255, 255, 255, 0.1)', modalBg: 'rgba(255, 255, 255, 0.1)',
messageBg: '#1d1d1d', messageBg: '#1d1d1d',
deckColumnBorder: '@divider', deckColumnBorder: '@divider',