fix: no navigation on 768px width

This commit is contained in:
Ushie
2023-06-07 21:10:56 +03:00
parent 11b25d04eb
commit 1ecf9a9738
12 changed files with 108 additions and 107 deletions

View File

@@ -43,7 +43,7 @@
display: none;
}
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.wrappezoid {
display: flex;
justify-content: center;

View File

@@ -91,7 +91,7 @@
a:hover::after {
transform: translateX(5px);
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 767px) {
.text-container {
padding: 2rem 1.75rem;
margin-bottom: 2rem;

View File

@@ -48,7 +48,7 @@
user-select: none;
}
@media (max-width: 768px) {
@media (max-width: 767px) {
h5 {
display: none;
}

View File

@@ -93,7 +93,7 @@
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.contrib-host {
padding: 0.75rem;
gap: 0.25rem;

View File

@@ -219,7 +219,7 @@
display: none;
}
}
@media (max-width: 768px) {
@media (max-width: 767px) {
main {
grid-template-columns: none;
flex-direction: column;

View File

@@ -63,7 +63,7 @@
color: var(--white);
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.package {
border-radius: 0px;
font-size: 0.9rem;

View File

@@ -1,6 +1,6 @@
<div class="menu">
<h6>Packages</h6>
<hr/>
<hr />
<div class="slot">
<slot />
</div>
@@ -40,13 +40,14 @@
color: var(--accent-color);
}
@media (max-width: 768px) {
@media (max-width: 767px) {
.menu {
padding: 0.75rem;
height: unset;
}
h6, hr {
h6,
hr {
display: none;
}
}