AtlasMediaGroup
/
Scissors-Website
mirror of https://github.com/AtlasMediaGroup/Scissors-Website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS changes

This commit is contained in:
Telesphoreo 2022-06-19 22:30:20 -05:00
parent 1db34af14e
commit f17944d22e
4 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/download-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

8
src/App.tsx
View File

@ -10,16 +10,16 @@ function App() {
return ( return (
<BrowserRouter> <BrowserRouter>
<Navbar bg={"dark"} variant={"dark"}> <Navbar bg={"dark"} variant={"dark"}>
<Navbar.Brand className={"ms-5"} href={"/"}>SCISSORS</Navbar.Brand> <Navbar.Brand className={"ms-5"} href={"/"}>Scissors</Navbar.Brand>
<Nav className={"me-auto"}> <Nav className={"me-auto"}>
<NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink> <NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink>
<NavLink href={"https://status.scissors.gg"}>Status</NavLink> <NavLink href={"https://status.scissors.gg"}>Status</NavLink>
</Nav> </Nav>
<Button variant={"light"} className={"me-5 download-button"} href={"/downloads"} style={{borderRadius: "2vh"}}><img src={"https://cdn3.iconfinder.com/data/icons/download-buttons-outline-collection/70/Download-13-512.png"} width={"50px"} alt={"download"}/> DOWNLOAD</Button> <Button variant={"primary"} className={"me-5 download-button"} href={"/downloads"} style={{ borderRadius: "2vh" }}><img src={"download-icon.png"} width={"25px"} alt={"download"} /> Download</Button>
</Navbar> </Navbar>
<Routes> <Routes>
<Route path={"/"} element={<HomePage/>}/> <Route path={"/"} element={<HomePage />} />
<Route path={"/downloads"} element={<DownloadPage/>}/> <Route path={"/downloads"} element={<DownloadPage />} />
</Routes> </Routes>
</BrowserRouter> </BrowserRouter>
); );

10
src/css/DownloadPage.css
View File

@ -13,16 +13,14 @@ ul {
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-around;
display: flex; display: flex;
margin-top: 1rem;
} }
.builds { .builds {
padding: 0; padding: 0;
margin: 0; margin: 10px 0px 10px 0px;
background-color: #363534;
}
.builds {
flex-direction: column; flex-direction: column;
background-color: #363534;
} }
.builds > li { .builds > li {
@ -78,7 +76,7 @@ ul[class^="changes-"] > li > a {
float: right; float: right;
right: 10vw; right: 10vw;
position: relative; position: relative;
bottom: 2.5vh; bottom: 2vh;
} }
.nochanges { .nochanges {

5
src/css/HomePage.css
View File

@ -19,11 +19,6 @@ h4 {
top: 10vh; top: 10vh;
} }
.download-button:hover {
transition: all 0.25s ease;
background-color: #c7c7c7 !important;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
h1 { h1 {
font-size: 7vw; font-size: 7vw;