mirror of
https://github.com/AtlasMediaGroup/Scissors-Website.git
synced 2024-12-25 03:17:40 +00:00
CSS changes
This commit is contained in:
parent
1db34af14e
commit
f17944d22e
BIN
public/download-icon.png
Normal file
BIN
public/download-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
@ -10,12 +10,12 @@ 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 />} />
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user