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 (
<BrowserRouter>
<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"}>
<NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink>
<NavLink href={"https://status.scissors.gg"}>Status</NavLink>
</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>
<Routes>
<Route path={"/"} element={<HomePage/>}/>
<Route path={"/downloads"} element={<DownloadPage/>}/>
<Route path={"/"} element={<HomePage />} />
<Route path={"/downloads"} element={<DownloadPage />} />
</Routes>
</BrowserRouter>
);

10
src/css/DownloadPage.css
View File

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

5
src/css/HomePage.css
View File

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