RevelaNetwork/Revelav3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixup searchbar for mobile

Browse source
This commit is contained in:
MotorTruck1221 2023-12-27 03:41:33 -07:00
parent 76163c96d3
commit c4debda932
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/Home.tsx
View file

@ -19,11 +19,11 @@ export function Home() {
<title>{t("titles.home")}</title> <title>{t("titles.home")}</title>
</Helmet> </Helmet>
<div class="flex h-full flex-col items-center justify-center"> <div class="flex h-full flex-col items-center justify-center">
<div class="font-inter absolute bottom-0 left-0 p-1 text-sm italic text-input-text"> <div class="font-inter absolute bottom-0 left-0 p-4 text-sm italic text-input-text">
Nebula &copy; Nebula Services {new Date().getUTCFullYear()} Nebula &copy; Nebula Services {new Date().getUTCFullYear()}
</div> </div>
<a href="https://github.com/NebulaServices/Nebula"> <a href="https://github.com/NebulaServices/Nebula">
<div class="font-inter absolute bottom-0 right-0 p-1 text-sm text-input-text"> <div class="font-inter absolute bottom-0 right-0 p-4 text-sm text-input-text">
GitHub GitHub
</div> </div>
</a> </a>
@ -44,7 +44,7 @@ export function Home() {
setInputValue((e.target as HTMLInputElement).value) setInputValue((e.target as HTMLInputElement).value)
} }
className={`font-roboto h-14 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none ${ className={`font-roboto h-14 rounded-2xl border border-input-border-color bg-input p-2 text-center text-xl placeholder:text-input-text focus:outline-none ${
isFocused ? "w-full md:w-3/12" : "w-full md:w-80" isFocused ? "w-10/12 md:w-3/12" : "w-80"
} transition-all duration-300`} } transition-all duration-300`}
placeholder={isFocused ? "" : t("home.placeholder")} placeholder={isFocused ? "" : t("home.placeholder")}
/> />