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

🎨

Browse source
This commit is contained in:
syuilo 2020-12-30 19:24:01 +09:00
parent 4bda1a4807
commit 75a9a288d6
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/client/assets/misskey.svg (Stored with Git LFS) Normal file
View file

Binary file not shown.

25
src/client/pages/welcome.entrance.vue
View file

@ -1,6 +1,8 @@
<template>
<div class="rsqzvsbo" v-if="meta">
<div class="top">
<div class="shape"></div>
<img src="/assets/misskey.svg" class="misskey"/>
<div class="main _panel">
<div class="bg" :style="{ backgroundImage: `url(${ meta.bannerUrl })` }">
<div class="fade"></div>
@ -142,12 +144,33 @@ export default defineComponent({
box-sizing: border-box;
padding: 16px;
> .shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--accent);
clip-path: polygon(0% 0%, 50% 0%, 15% 100%, 0% 100%);
}
> .misskey {
position: absolute;
top: 24px;
left: 24px;
width: 160px;
}
> .main {
position: relative;
width: min(490px, 100%);
margin: auto;
margin: auto auto auto 128px;
box-shadow: 0 12px 32px rgb(0 0 0 / 25%);
@media (max-width: 1200px) {
margin: auto;
}
> .bg {
position: absolute;
top: 0;