mirror of
https://github.com/pterodactyl/documentation.git
synced 2025-12-10 00:09:39 -06:00
Better mobile searching support
This commit is contained in:
parent
a2c45b0e44
commit
8a81c3d12d
@ -11,8 +11,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
width: 23rem; /* sidebar is 20rem + 1.5rem padding on each side for nav */
|
||||
@screen md {
|
||||
.logo-container {
|
||||
width: 23rem; /* sidebar is 20rem + 1.5rem padding on each side for nav */
|
||||
}
|
||||
|
||||
.home-link {
|
||||
.site-name {
|
||||
@apply .pl-2 .text-2xl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.home-link {
|
||||
@ -27,7 +35,7 @@
|
||||
}
|
||||
|
||||
.site-name {
|
||||
@apply .pl-2 .text-2xl;
|
||||
@apply .hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@ -51,12 +59,9 @@
|
||||
.suggestion-container {
|
||||
@apply .w-full;
|
||||
|
||||
.suggestion-padding {
|
||||
@apply .w-1/3 .inline-block;
|
||||
}
|
||||
|
||||
.suggestions {
|
||||
@apply .bg-white .rounded .border .p-2 .text-left .w-2/3 .inline-block;
|
||||
@apply .bg-white .rounded .border .p-2 .text-left .inline-block .w-2/3;
|
||||
left: 0;
|
||||
margin-top: -0.3rem;
|
||||
list-style: none;
|
||||
|
||||
@ -77,6 +82,22 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@screen smx {
|
||||
@apply .fixed .z-50 .h-full;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
left: 0;
|
||||
|
||||
.suggestions {
|
||||
@apply .w-full .fixed .rounded-none .mt-0;
|
||||
}
|
||||
}
|
||||
|
||||
@screen md {
|
||||
.suggestion-padding {
|
||||
@apply .w-1/3 .inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -165,6 +165,11 @@ module.exports = {
|
||||
'md': '768px',
|
||||
'lg': '992px',
|
||||
'xl': '1200px',
|
||||
|
||||
'xsx': {'max': '575px'},
|
||||
'smx': {'max': '767px'},
|
||||
'mdx': {'max': '991px'},
|
||||
'lgx': {'max': '1999px'},
|
||||
},
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user