added car configurator
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
|
||||
|
||||
.navbarUp {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
@@ -26,6 +26,11 @@
|
||||
padding: 6px 10px;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
margin: 8px 14px 6px;
|
||||
@media screen and (max-width: 426px) {
|
||||
font-size: 14px;
|
||||
margin: 8px 10px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbarDown {
|
||||
@@ -66,8 +71,14 @@
|
||||
box-sizing: border-box;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
img{
|
||||
width: 300px;
|
||||
@media screen and (max-width: 426px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 426px) {
|
||||
width: 80px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
svg {
|
||||
@@ -260,3 +271,12 @@
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
.langSelector {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-left: auto;
|
||||
@media screen and (max-width: 426px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -47,16 +47,11 @@ const Navbar = () => {
|
||||
className={styles.logoContainer}
|
||||
onClick={() => navigate("/")}
|
||||
>
|
||||
<img style={{ width: "300px" }} src={Logo} alt="" />
|
||||
<img src={Logo} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
gap: "8px",
|
||||
marginLeft: "auto",
|
||||
}}
|
||||
<div className={styles.langSelector}
|
||||
|
||||
>
|
||||
{languages.map((lang) => (
|
||||
<button
|
||||
@@ -89,11 +84,7 @@ const Navbar = () => {
|
||||
))}
|
||||
</div>
|
||||
<div
|
||||
style={{
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
padding: "8px 14px 6px",
|
||||
}}
|
||||
|
||||
>
|
||||
<button className={styles.btn} onClick={showModal}>
|
||||
Satyjy bol
|
||||
|
||||
Reference in New Issue
Block a user