zhangyuheng/chinese-colors
1
0
Fork 0
forked from mirror/chinese-colors
Code Pull Requests Activity

refactor: update UI

Browse Source
This commit is contained in:
Tristan 2019-09-07 00:48:51 +08:00
parent bcd4b72894
commit 089694e2fd
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ColorTitle.js
View File

@ -10,7 +10,7 @@ const Wrapper = styled.hgroup`
align-self: center;
box-shadow: 0 0 8px black;
border-radius: 6px;
padding: 0.6rem 0.4rem;
padding: 0.6rem 0.8rem;
padding-top: 1rem;
position: relative;
transition: transform 0.4s ease-in;
@ -32,17 +32,19 @@ const Wrapper = styled.hgroup`
}
> h1 {
font-size: 3.2rem;
letter-spacing: 0.8rem;
letter-spacing: 0.4rem;
font-weight: 800;
writing-mode: vertical-lr;
font-family: 'JingDianWeiBeiJian';
}
> h2 {
font-size: 1.5rem;
text-transform: uppercase;
font-size: 0.8rem;
font-size: 0.6rem;
writing-mode: vertical-lr;
margin-top: -4rem;
position: absolute;
right: 0.2rem;
bottom: 0.4rem;
color: rgba(255, 255, 255, 0.66);
}
`;

6
src/components/Header.js
View File

@ -7,11 +7,11 @@ const Wrapper = styled.header`
justify-content: center;
align-items: center;
.logo {
width: 2.5rem;
height: 2.5rem;
width: 2.8rem;
height: 2.8rem;
margin-bottom: 1rem;
background-color: rgba(0, 0, 0, 0.2);
padding: 0.4rem;
padding: 0.5rem;
border-radius: 50%;
}
> h1 {