mirror of
https://github.com/smartyellow/status.git
synced 2025-01-19 05:57:58 +00:00
30 lines
508 B
Svelte
30 lines
508 B
Svelte
|
<div class="center">
|
||
|
|
<div class="ratio">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.center {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ratio {
|
||
|
|
border-radius: var(--radius);
|
||
|
|
background-color: var(--dark);
|
||
|
|
background-color: red;
|
||
|
|
height: 56.25vw;
|
||
|
|
left: 50%;
|
||
|
|
max-height: 100vh;
|
||
|
|
max-width: 177.77778vh;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
width: 100vw;
|
||
|
|
}
|
||
|
|
</style>
|