chore: update spacing

This commit is contained in:
jinhojang6 2024-09-12 04:02:39 +09:00
parent ad70111aa5
commit a95fe094b7
6 changed files with 17 additions and 29 deletions

View File

@ -152,7 +152,7 @@ const Header = styled.div`
const Title = styled.h2`
font-weight: 400;
font-size: 24px;
line-height: 1;
line-height: 32px;
margin: 0;
`
@ -172,7 +172,6 @@ const FilterDropdown = styled.div`
color: rgb(var(--lsd-text-primary));
font-weight: 400;
font-size: 12px;
line-height: 1;
padding-left: 12px;
height: 28px;
cursor: pointer;
@ -212,13 +211,13 @@ const Stat = styled.div`
const Label = styled.div`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
`
const Value = styled.div`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
margin-top: 8px;
`
@ -246,7 +245,7 @@ const OperatorInfo = styled.div`
const OperatorName = styled.div`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
`
const PointsPerHour = styled.div`
@ -275,7 +274,7 @@ const ActionButton = styled.button<{ isStaked: boolean }>`
font-weight: 400;
font-size: 12px;
line-height: 1;
line-height: 16px;
padding: 6px 12px;
cursor: pointer;

View File

@ -79,7 +79,7 @@ const OperatorPanel: React.FC<OperatorPanelProps> = () => {
const StyledPanel = styled.section`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
`
const OperatorImage = styled.img`

View File

@ -80,7 +80,7 @@ const ProgressBar: React.FC<ProgressBarProps> = ({
const StyledProgressBar = styled.section`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
`
const ProgressHeader = styled.div`
@ -92,6 +92,8 @@ const EpochLabel = styled.span`
background-color: rgb(var(--lsd-surface-secondary));
color: rgb(var(--lsd-text-secondary));
padding: 0 8px;
line-height: 20px;
font-size: 14px;
`
const EpochInfo = styled.div`
@ -130,6 +132,8 @@ const ClaimPeriod = styled.span`
padding: 0 8px;
position: relative;
top: -8px;
line-height: 20px;
font-size: 14px;
`
const VerticalBar = styled.div`

View File

@ -28,6 +28,7 @@ const Container = styled.header`
width: 100%;
align-items: center;
justify-content: space-between;
position: relative;
`
const Logo = styled.img`
@ -48,7 +49,7 @@ const Button = styled.button`
height: 28px;
font-weight: 400;
font-size: 12px;
line-height: 1;
line-height: 16px;
border: 1px solid rgb(var(--lsd-border-primary));
background: transparent;
color: rgb(var(--lsd-text-primary));

View File

@ -20,6 +20,9 @@ const Navbar: React.FC<NavbarProps> = () => {
const Navigation = styled.ul`
display: flex;
align-items: center;
/* position: absolute;
left: 50%;
transform: translateX(-50%); */
gap: 37px;
list-style-type: none;
@ -33,7 +36,7 @@ const Navigation = styled.ul`
const NavItem = styled.li<{ active?: boolean }>`
font-weight: 400;
font-size: 14px;
line-height: 1;
line-height: 20px;
cursor: pointer;
padding: 4px 0;

View File

@ -559,11 +559,6 @@
dependencies:
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":
version "4.0.0"
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-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:
version "5.1.0"
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:
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:
version "4.1.1"
resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"