mirror of
https://github.com/revanced/revanced-website.git
synced 2025-04-29 22:24:31 +02:00
37 lines
727 B
Svelte
37 lines
727 B
Svelte
<script>
|
|
import Picture from '$lib/components/Picture.svelte';
|
|
import manager_screenshot from '$images/manager.png?w=1233;822;411&format=avif;webp;png&as=picture';
|
|
</script>
|
|
|
|
<div class="hero-img">
|
|
<Picture data={manager_screenshot} alt="Screenshot of ReVanced Manager" />
|
|
</div>
|
|
|
|
<style>
|
|
.hero-img :global(img) {
|
|
height: 100%;
|
|
border-radius: 1.75rem;
|
|
}
|
|
|
|
.hero-img {
|
|
overflow: hidden;
|
|
height: 70vh;
|
|
max-height: 70rem;
|
|
z-index: -1;
|
|
width: auto;
|
|
float: right;
|
|
padding: 0.5rem 0.5rem;
|
|
border-radius: 1.75rem;
|
|
background-color: var(--surface-seven);
|
|
user-select: none;
|
|
}
|
|
@media (max-width: 1700px) {
|
|
.hero-img {
|
|
position: fixed;
|
|
height: 100vh;
|
|
top: 115px;
|
|
right: 6rem;
|
|
}
|
|
}
|
|
</style>
|