mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-12-22 18:29:48 +01:00
fixed some alignment bugs
This commit is contained in:
parent
03373b2bf9
commit
c277d00b70
2 changed files with 58 additions and 15 deletions
|
@ -40,13 +40,14 @@ header {
|
|||
|
||||
.logo {
|
||||
margin-right: auto;
|
||||
|
||||
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 240px;
|
||||
width: 190px;
|
||||
height: auto;
|
||||
padding-top: 20px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.nav__links {
|
||||
|
@ -77,7 +78,7 @@ header {
|
|||
|
||||
.cta {
|
||||
margin-left: 20px;
|
||||
padding: 9px 25px;
|
||||
padding: 16px 25px;
|
||||
background-color: aquamarine;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
|
@ -149,7 +150,7 @@ header {
|
|||
width: 200px;
|
||||
height: 50px;
|
||||
background-color: aquamarine;
|
||||
margin-top: 20px;
|
||||
margin-top: 45px;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
|
@ -157,7 +158,7 @@ header {
|
|||
text-align: center;
|
||||
color:#1a1a2e;
|
||||
background-color: aquamarine;
|
||||
padding-top: 10px;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
#install-hypr {
|
||||
|
@ -469,19 +470,20 @@ header {
|
|||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
.get-started {
|
||||
/* .get-started {
|
||||
font-family: 'JosefinSans-Regular';
|
||||
font-size: 34px;
|
||||
color: #cfe8f6;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
|
||||
}
|
||||
.get-started a div {
|
||||
color: #1a1a2e;
|
||||
font-size: 24px;
|
||||
font-family: "Sofia-Pro-Medium";
|
||||
padding: 15px 60px;
|
||||
margin-left: 30px;
|
||||
padding: 15px 60px;;
|
||||
margin-right: 40%;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 100px;
|
||||
width: 300px;
|
||||
|
@ -490,11 +492,39 @@ header {
|
|||
}
|
||||
.get-started a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
} */
|
||||
/*
|
||||
.get-started a div:hover {
|
||||
transform: scale(1.2);
|
||||
} */
|
||||
|
||||
|
||||
|
||||
|
||||
#get-started-button {
|
||||
width: 330px;
|
||||
background-color: aquamarine;
|
||||
padding: 20px 80px;
|
||||
margin-left: 39%;
|
||||
margin-bottom: 160px;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
#get-started-button:hover {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#get-started-button a{
|
||||
color: #1a1a2e;
|
||||
background-color: aquamarine;
|
||||
text-decoration: none;
|
||||
font-family: "Sofia-Pro-Medium";
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
font-family: 'Sofia-Pro-Light';
|
||||
display: flex;
|
||||
|
@ -663,6 +693,16 @@ footer a:hover {
|
|||
.footer-text {
|
||||
max-width: 250px;
|
||||
}
|
||||
#get-started-button {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 80px;
|
||||
|
||||
}
|
||||
.get-started {
|
||||
margin-top: 80px;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -671,9 +711,11 @@ footer a:hover {
|
|||
padding-left: 5px;
|
||||
}
|
||||
.logo img {
|
||||
width: 180px;
|
||||
width: 160px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
.swiper-slide img {
|
||||
width: 384px;
|
||||
height: auto;
|
||||
|
@ -737,6 +779,8 @@ footer a:hover {
|
|||
.footer-icons {
|
||||
margin-left: 20%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<body>
|
||||
<header>
|
||||
|
||||
<a class="logo" href="/"><img src="svg/hyprland.svg" alt="logo"></a>
|
||||
<a class="logo" href="/"><img src="imgs/hyprland.png" alt="logo"></a>
|
||||
<nav>
|
||||
<ul class="nav__links">
|
||||
<li><a id="home-full" href="https://hyprland.org">Hyprland</a></li>
|
||||
|
@ -144,8 +144,7 @@
|
|||
<a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;"><h1>And More!</h1></a>
|
||||
</div>
|
||||
<div class="get-started">
|
||||
<h1>Get Started_</h1>
|
||||
<a href="https://wiki.hyprland.org/Getting-Started/Installation/"><div>Install Hyprland</div></a>
|
||||
<div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div>
|
||||
</div>
|
||||
<hr style="color: #a3a3a3a5; margin: 0px 10%;">
|
||||
<footer>
|
||||
|
|
Loading…
Reference in a new issue