This commit is contained in:
syuilo 2020-12-30 19:24:01 +09:00
parent e763c6e661
commit 24b9be76ba
2 changed files with 31 additions and 1 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.2 KiB

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;