Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-09 15:35:25 +02:00
Code Issues Releases Activity

fix: fix wrong font size, height, padding and etc to same as Figma

Browse source
This commit is contained in:
Y-k-Y 2022-05-14 12:38:26 +09:00
parent 5846a79377
commit 16099b7eb3
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/frontend/styles/components/header.pcss
View file

@ -1,10 +1,11 @@
.docs-header {
display: flex;
justify-content: space-between;
flex-shrink: 0;
padding: 0 var(--layout-padding-horisontal);
padding: 8px 16px;
border-bottom: 1px solid var(--color-line-gray);
font-size: 15.8px;
height: 50px;
font-size: 18px;
height: 57px;
flex-wrap: wrap;
position: relative;
@ -25,8 +26,10 @@
&__menu {
display: flex;
margin: 0 0 0 auto;
margin: 0;
gap: 18px;
padding-left: 0;
font-size: 16px;
@media (--mobile) {
flex-basis: 100%;
@ -37,7 +40,6 @@
display: inline-flex;
align-items: center;
list-style: none;
margin-left: 20px;
@media (--mobile) {
margin-left: 0;
@ -69,7 +71,7 @@
transition: background-color .3s;
&:hover {
background-color: #F3F6F8;
background-color: var(--color-link-hover);
}
}
}

1
src/frontend/styles/vars.pcss
View file

@ -3,6 +3,7 @@
--color-text-second: #5d6068;
--color-line-gray: #E8E8EB;
--color-link-active: #2071cc;
--color-link-hover: #F3F6F8;
--color-button-danger: #ff5159;
--color-bg-light: #f8f7fa;
--color-page-active: #ff1767;