StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add search box to server pages

Browse source
This commit is contained in:
Dane Everitt 2018-09-11 21:25:02 -07:00
parent b1b6a7eecd
commit 0b0b80dc6d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 111 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

8
resources/assets/styles/components/miscellaneous.css
View file

@ -71,10 +71,6 @@ code {
@apply .inline-block .rounded-full .text-white .text-center .leading-none .justify-center .w-8 .h-8 .mr-2 .flex .flex-row .items-center;
}
& .pillbox {
@apply .rounded-full .px-2 .py-1 .text-white .font-medium .leading-none .text-xs;
}
& a, & a:visited {
@apply .no-underline .text-grey-darkest;
}
@ -89,6 +85,10 @@ code {
}
}
.pillbox {
@apply .rounded-full .px-2 .py-1 .text-white .font-medium .leading-none .text-xs;
}
.server-search {
@apply .w-full .my-4;

36
resources/assets/styles/components/navigation.css
View file

@ -11,7 +11,39 @@
}
@screen xsx {
@apply .hidden
@apply .hidden;
}
}
& > .search-box {
& > .search-input {
@apply .text-sm .p-2 .mt-3 .mx-3 .rounded .border .border-blue-darker .bg-grey-lightest .text-grey-darkest;
width: 26rem;
opacity: 0.7;
transition: ease-in-out opacity 150ms;
&:focus {
@apply .border-blue-darkest;
opacity: 1;
}
&.has-search-results {
@apply .border-b-0 .rounded-b-none;
opacity: 1 !important;
}
}
& .search-results {
@apply .absolute .bg-grey-lightest .border .border-blue-darkest .border-t-0 .rounded .rounded-t-none .p-2 .mx-3 .z-50;
width: 26rem;
& > a {
@apply .block .no-underline .p-2 .rounded;
&:hover {
@apply .bg-grey-lighter;
}
}
}
}
@ -35,7 +67,7 @@
}
@screen sm {
@apply .float-right .mx-8 .inline-block;
@apply .float-right .mr-8 .inline-block;
}
}
}