mirror of
https://github.com/ReVanced/revanced-website.git
synced 2026-01-22 10:33:56 +00:00
feat: mobile view
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
<script>
|
||||
import HeroImage from '$lib/components/atoms/HeroImage.svelte';
|
||||
import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
|
||||
import Home from '$lib/components/organisms/Home.svelte';
|
||||
import SocialHost from '$lib/components/molecules/SocialHost.svelte';
|
||||
</script>
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrappezoid">
|
||||
<IndexDescription />
|
||||
<Home />
|
||||
<div id="heroimg"><HeroImage /></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
<style>
|
||||
.wrappezoid {
|
||||
height: calc(100vh - 90px);
|
||||
height: calc(100vh - 120px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
@@ -23,7 +23,7 @@
|
||||
}
|
||||
@media (max-width: 1700px) {
|
||||
.wrappezoid {
|
||||
justify-content: space-between;
|
||||
justify-content: space-between;;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1052px) {
|
||||
@@ -33,8 +33,10 @@
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.wrappezoid {
|
||||
flex-direction: column;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: calc(65vh);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user