External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile search field

Browse Source
This commit is contained in:
plebbitor
2023-02-03 13:37:41 +01:00
parent 179bf6663e
commit d32e39f0dc
2 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Home.jsx
+2 -2
View File
@@ -12,20 +12,20 @@ const Home = () => {
</Link> </Link>
</Logo> </Logo>
</Header> </Header>
<Page>
<Search> <Search>
<form> <form>
<input type="text" placeholder="board.eth" /> <input type="text" placeholder="board.eth" />
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</form> </form>
</Search> </Search>
<Page>
<About> <About>
<AboutTitle> <AboutTitle>
<h2>What is plebchan?</h2> <h2>What is plebchan?</h2>
</AboutTitle> </AboutTitle>
<AboutContent> <AboutContent>
<div id="content"> <div id="content">
<p>Plebchan is a serverless, adminless, decentralized 4chan alternative that lives on the <a href="https://plebbit.net" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links and even create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p> <p>Plebchan is a serverless, adminless, decentralized 4chan alternative that uses the <a href="https://plebbit.net" target="_blank" rel="noreferrer">plebbit protocol</a>. Users do not need to register an account before participating in the community; anyone can post comments, share image links, and create a board. Search for any board address above, or feel free to click on a popular board below that interests you and jump right in! </p>
<br /> <br />
<p>There are no global rules, each board is completely independent and their owners decide how they should be moderated.</p> <p>There are no global rules, each board is completely independent and their owners decide how they should be moderated.</p>
</div> </div>
src/components/styled/Home.styled.jsx
+24
View File
@@ -66,6 +66,30 @@ export const Search = styled.div`
margin-left: 5px; margin-left: 5px;
} }
@media only screen and (max-width: 480px) {
text-align: center;
input[type="text"] {
width: 80%;
height: 35px;
font-size: 20px;
padding: 5px;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
input[type="submit"] {
height: 35px;
font-size: 14px;
padding: 5px;
box-sizing: border-box;
vertical-align: top;
width: 60px;
}
}
`; `;
export const Page = styled.div` export const Page = styled.div`