Skip to content

Commit

Permalink
fix: styles
Browse files Browse the repository at this point in the history
  • Loading branch information
nathan-vm committed Mar 11, 2024
1 parent 5e44f93 commit e370ed2
Showing 5 changed files with 26 additions and 51 deletions.
6 changes: 3 additions & 3 deletions src/components/Home/Navbar/index.css
Original file line number Diff line number Diff line change
@@ -45,18 +45,18 @@
gap: calc(8px);
}

ul {
.ul {
padding: 0px;
margin-bottom: 0;
}

li {
.li {
display: flex;
align-items: center;
justify-content: center;
}

li>a {
.li>a {
font-size: 20px;
font-weight: 500;
color: #101820;
12 changes: 6 additions & 6 deletions src/components/Home/Navbar/index.tsx
Original file line number Diff line number Diff line change
@@ -51,27 +51,27 @@ export const Navbar = () => {
<nav id="navbar">
<img id="logo" src="brand/png/main_logo.png" alt="Logo" />

<ul id="central-links">
<ul className='ul' id="central-links">
{menuItems.map(({ label, link }) =>
<li>
<li className='li'>
<a href={link}>
{label}
</a>
</li>
)}
</ul>
<ul id="right-buttons">
<li>
<ul id="right-buttons" className='ul'>
<li className='li'>
<button id="primary" onClick={handleClickCloud}>
Try cloud
</button>
</li>
<li>
<li className='li'>
<button id="secondary" onClick={handleClickContact}>
Contact
</button>
</li>
<li>
<li className='li'>
<a id="github" href="https://github.com/Tauffer-Consulting/domino" target='_blank' >
<Icon icon="fa-brands:github" fontSize={36} />
</a>
1 change: 1 addition & 0 deletions src/components/Home/Session1/index.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@

section#section-1 {
padding: 0 6%;
height: calc(100vh - 144px - 64px);
}

44 changes: 15 additions & 29 deletions src/pages/base.css
Original file line number Diff line number Diff line change
@@ -1,37 +1,9 @@
*{
margin: 0;
padding: 0;
box-sizing: border-box;
outline: 0;
}

#root {
min-height: 100vh;
max-height: 100vh;
}

body{
-webkit-font-smoothing: antialiased;
transition: background 0.2s linear;
}
body, input, button {
font-family: "Rethink-Sans", sans-serif;
font-size: 16px;
}

h1 {
font-family: 'Rethink-Sans', sans-serif;
font-size: 2.5rem;
}
button#primary {

button {
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
}

button#primary {
background: var(--ifm-color-primary);
color: #fff;

@@ -41,10 +13,20 @@ button#primary {
}

button#primary:hover {

border: none;
padding: 0;
cursor: pointer;

background: var(--ifm-color-primary-dark);
}

button#secondary {

border: none;
padding: 0;
cursor: pointer;

background: #101820;
color: #fff;

@@ -58,6 +40,10 @@ button#secondary:hover {
}

button#tertiary {

padding: 0;
cursor: pointer;

background: transparent;
color: #101820;
border: 1px solid #101820;
14 changes: 1 addition & 13 deletions src/pages/index.css
Original file line number Diff line number Diff line change
@@ -1,23 +1,11 @@
html {
background-color: #f0f0f0;
}

section:first-of-type {
margin-top: 144px;
}

section {
width: 100%;
height: 100%;
padding: 0 6%;
}

section#section-2 {
padding: 0;
}
section#section-3 {
background-color: #00B140;
}

@media only screen and (min-width: 979px) and (max-width: 1368px) {
section:first-of-type {
margin-top: calc(144px + 8px);

0 comments on commit e370ed2

Please sign in to comment.