mirror of
https://codeberg.org/yeentown/barkey
synced 2024-11-22 20:45:13 +00:00
🎨
This commit is contained in:
parent
e763c6e661
commit
24b9be76ba
2 changed files with 24 additions and 1 deletions
BIN
src/client/assets/misskey.svg
Normal file
BIN
src/client/assets/misskey.svg
Normal file
Binary file not shown.
After Width: | Height: | Size: 9.2 KiB |
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue