chore: update spacing
This commit is contained in:
parent
ad70111aa5
commit
a95fe094b7
|
@ -152,7 +152,7 @@ const Header = styled.div`
|
||||||
const Title = styled.h2`
|
const Title = styled.h2`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
line-height: 1;
|
line-height: 32px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
`
|
`
|
||||||
|
|
||||||
|
@ -172,7 +172,6 @@ const FilterDropdown = styled.div`
|
||||||
color: rgb(var(--lsd-text-primary));
|
color: rgb(var(--lsd-text-primary));
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1;
|
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -212,13 +211,13 @@ const Stat = styled.div`
|
||||||
const Label = styled.div`
|
const Label = styled.div`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const Value = styled.div`
|
const Value = styled.div`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
`
|
`
|
||||||
|
|
||||||
|
@ -246,7 +245,7 @@ const OperatorInfo = styled.div`
|
||||||
const OperatorName = styled.div`
|
const OperatorName = styled.div`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const PointsPerHour = styled.div`
|
const PointsPerHour = styled.div`
|
||||||
|
@ -275,7 +274,7 @@ const ActionButton = styled.button<{ isStaked: boolean }>`
|
||||||
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1;
|
line-height: 16px;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -79,7 +79,7 @@ const OperatorPanel: React.FC<OperatorPanelProps> = () => {
|
||||||
const StyledPanel = styled.section`
|
const StyledPanel = styled.section`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const OperatorImage = styled.img`
|
const OperatorImage = styled.img`
|
||||||
|
|
|
@ -80,7 +80,7 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
|
||||||
const StyledProgressBar = styled.section`
|
const StyledProgressBar = styled.section`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const ProgressHeader = styled.div`
|
const ProgressHeader = styled.div`
|
||||||
|
@ -92,6 +92,8 @@ const EpochLabel = styled.span`
|
||||||
background-color: rgb(var(--lsd-surface-secondary));
|
background-color: rgb(var(--lsd-surface-secondary));
|
||||||
color: rgb(var(--lsd-text-secondary));
|
color: rgb(var(--lsd-text-secondary));
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 14px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const EpochInfo = styled.div`
|
const EpochInfo = styled.div`
|
||||||
|
@ -130,6 +132,8 @@ const ClaimPeriod = styled.span`
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -8px;
|
top: -8px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 14px;
|
||||||
`
|
`
|
||||||
|
|
||||||
const VerticalBar = styled.div`
|
const VerticalBar = styled.div`
|
||||||
|
|
|
@ -28,6 +28,7 @@ const Container = styled.header`
|
||||||
width: 100%;
|
width: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
position: relative;
|
||||||
`
|
`
|
||||||
|
|
||||||
const Logo = styled.img`
|
const Logo = styled.img`
|
||||||
|
@ -48,7 +49,7 @@ const Button = styled.button`
|
||||||
height: 28px;
|
height: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1;
|
line-height: 16px;
|
||||||
border: 1px solid rgb(var(--lsd-border-primary));
|
border: 1px solid rgb(var(--lsd-border-primary));
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: rgb(var(--lsd-text-primary));
|
color: rgb(var(--lsd-text-primary));
|
||||||
|
|
|
@ -20,6 +20,9 @@ const Navbar: React.FC<NavbarProps> = () => {
|
||||||
const Navigation = styled.ul`
|
const Navigation = styled.ul`
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
/* position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%); */
|
||||||
gap: 37px;
|
gap: 37px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
|
||||||
|
@ -33,7 +36,7 @@ const Navigation = styled.ul`
|
||||||
const NavItem = styled.li<{ active?: boolean }>`
|
const NavItem = styled.li<{ active?: boolean }>`
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
|
|
||||||
|
|
19
yarn.lock
19
yarn.lock
|
@ -559,11 +559,6 @@
|
||||||
dependencies:
|
dependencies:
|
||||||
undici-types "~5.25.1"
|
undici-types "~5.25.1"
|
||||||
|
|
||||||
"@types/nprogress@^0.2.0":
|
|
||||||
version "0.2.3"
|
|
||||||
resolved "https://registry.yarnpkg.com/@types/nprogress/-/nprogress-0.2.3.tgz#b2150b054a13622fabcba12cf6f0b54c48b14287"
|
|
||||||
integrity sha512-k7kRA033QNtC+gLc4VPlfnue58CM1iQLgn1IMAU8VPHGOj7oIHPp9UlhedEnD/Gl8evoCjwkZjlBORtZ3JByUA==
|
|
||||||
|
|
||||||
"@types/parse-json@^4.0.0":
|
"@types/parse-json@^4.0.0":
|
||||||
version "4.0.0"
|
version "4.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
|
resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
|
||||||
|
@ -3683,15 +3678,6 @@ next@^14.2.3:
|
||||||
"@next/swc-win32-ia32-msvc" "14.2.3"
|
"@next/swc-win32-ia32-msvc" "14.2.3"
|
||||||
"@next/swc-win32-x64-msvc" "14.2.3"
|
"@next/swc-win32-x64-msvc" "14.2.3"
|
||||||
|
|
||||||
nextjs-progressbar@^0.0.16:
|
|
||||||
version "0.0.16"
|
|
||||||
resolved "https://registry.yarnpkg.com/nextjs-progressbar/-/nextjs-progressbar-0.0.16.tgz#d2c1e54ffc2c6d52b64282c0d764a44241fbc36e"
|
|
||||||
integrity sha512-GV0fD38EMD3vSDCmkq+tObmoup6QA91a6a9MxGuhJZuRk/9TNsrHGnIQQQ/sggkMkXuT4fBgF6jRjFwScDT3zA==
|
|
||||||
dependencies:
|
|
||||||
"@types/nprogress" "^0.2.0"
|
|
||||||
nprogress "^0.2.0"
|
|
||||||
prop-types "^15.8.1"
|
|
||||||
|
|
||||||
npm-run-path@^5.1.0:
|
npm-run-path@^5.1.0:
|
||||||
version "5.1.0"
|
version "5.1.0"
|
||||||
resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
|
resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
|
||||||
|
@ -3699,11 +3685,6 @@ npm-run-path@^5.1.0:
|
||||||
dependencies:
|
dependencies:
|
||||||
path-key "^4.0.0"
|
path-key "^4.0.0"
|
||||||
|
|
||||||
nprogress@^0.2.0:
|
|
||||||
version "0.2.0"
|
|
||||||
resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
|
|
||||||
integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==
|
|
||||||
|
|
||||||
object-assign@^4.1.1:
|
object-assign@^4.1.1:
|
||||||
version "4.1.1"
|
version "4.1.1"
|
||||||
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
|
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
|
||||||
|
|
Loading…
Reference in New Issue