limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-29 13:27:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

profile as bg

Browse source
This commit is contained in:
ThatOneCalculator 2022-07-25 16:04:30 -07:00
parent 0fdaf7bec6
commit 4d300a7055
4 changed files with 26 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CALCKEY.md
View file

@ -20,7 +20,6 @@
## Work in progress ## Work in progress
- Profile background as banner
- Less cluttered notification summary - Less cluttered notification summary
- Better timeline top bar - Better timeline top bar
@ -31,6 +30,7 @@
- Star as default reaction - Star as default reaction
- Rosé Pine by default (+ non-themable elements made Rosé Pine) - Rosé Pine by default (+ non-themable elements made Rosé Pine)
- Better sidebar/navbar - Better sidebar/navbar
- Profile background as banner
- Mark as read from notifications widget - Mark as read from notifications widget
- Better welcome screen (not logged in) - Better welcome screen (not logged in)
- Ability to turn off "Connection lost" message - Ability to turn off "Connection lost" message

11
packages/client/src/components/user-info.vue
View file

@ -48,17 +48,6 @@ defineProps<{
background-size: cover; background-size: cover;
background-position: center; background-position: center;
&::after {
content: "";
background-image: inherit;
position: fixed;
inset: 0;
background-size: cover;
background-position: center;
pointer-events: none;
opacity: .1;
filter: blur(10px);
}
} }
> .avatar { > .avatar {

12
packages/client/src/components/user-preview.vue
View file

@ -120,6 +120,18 @@ export default defineComponent({
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
&::after {
content: "";
background-image: inherit;
position: fixed;
inset: 0;
background-size: cover;
background-position: center;
pointer-events: none;
opacity: .1;
filter: blur(10px);
}
} }
> .avatar { > .avatar {

14
packages/client/src/pages/user/home.vue
View file

@ -213,11 +213,23 @@ onUnmounted(() => {
> .banner { > .banner {
height: 100%; height: 100%;
background-color: #4c5e6d; background-color: #26233a;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
box-shadow: 0 0 128px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 128px rgba(0, 0, 0, 0.5) inset;
will-change: background-position; will-change: background-position;
&::after {
content: "";
background-image: inherit;
position: fixed;
inset: 0;
background-size: cover;
background-position: center;
pointer-events: none;
opacity: .1;
filter: blur(10px);
}
} }
> .fade { > .fade {