mirror/chinese-colors
2
0
Fork 1
mirror of https://github.com/zerosoul/chinese-colors.git synced 2024-12-03 04:59:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: redefine UI

Browse Source
This commit is contained in:
Tristan 2019-09-28 00:13:16 +08:00
parent 71cb1ad55d
commit 1096cc9f6f
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Color.js
View File

@ -18,7 +18,7 @@ const Wrapper = styled.li.attrs(({ color }) => ({
border-bottom-left-radius: 6px;
transition: all 0.5s;
align-self: flex-start;
opacity: 0.6;
opacity: 0.8;
&:hover {
opacity: 0.9;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);

2
src/components/ColorTitle/Poetry.js
View File

@ -35,7 +35,7 @@ const Poetry = ({ content = '', author = '', title = '' }) => {
<h2>
{author} ·《 {title} 》
</h2>
<p className="line">「{content.replace(/[，|。|！|？]/g, ' ').trim()}」</p>
<p className="line">「{content.replace(/[，|。|！|？|、]/g, ' ').trim()}」</p>
</Wrapper>
);
};

4
src/components/Preview.js
View File

@ -68,11 +68,12 @@ const Wrapper = styled.section`
flex-direction: column;
align-items: flex-start;
.line {
font-size: 1.4rem;
font-size: 1.6rem;
font-weight: bold;
word-break: keep-all;
color: inherit;
font-family: inherit;
letter-spacing: 2px;
}
> h2 {
font-size: 0.8rem;
@ -81,6 +82,7 @@ const Wrapper = styled.section`
color: inherit;
font-family: inherit;
.dot {
color: inherit;
padding: 0 0.4rem;
font-weight: bold;
}