161sh/trashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/trashposs synced 2024-11-22 17:03:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

🎨

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

3
src/client/assets/misskey.svg Normal file
View File

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:981521e25eaf0625e4005069f1db1ba5b0794906968724b0fce7dd804ff98371
size 9396

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

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