Skip to content
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit 7e87589

Browse files
mydearxymmydearxym
authored
refactor(layout): basic white theme layout (#1274)
* feat(white-theme): basic color setup & wigest adjust * feat(white-theme): adjust button & tab * feat(white-theme): some ideas * feat(white-theme): some ideas for sidebar * feat(white-theme): some ideas filters * feat(white-theme): some ideas * feat(white-theme): colors in drawer * feat(white-theme): adjust drawer addon * feat(white-theme): adjust articles filter bar font size * feat(white-theme): improve drawer animation * feat(white-theme): adjust doraom panel style * feat(white-theme): adjust doraom bar style * feat(white-theme): adjust tab, tags color * refactor(drawer): navi button style * fix(drawer): add previousHomeURL for navi inside drawer * refactor(utils): theme export from css module * refactor(utils): theme export from css module * refactor(utils): animation export from css module * fix(drawer): goto top after navi to article * style: explore page & drawer navi * style: use more extraInfo theme color * style(misc): tags & gtd badge concept * style(misc): adjust GTD & page * style(gtd-badge): demo on list * style(gtd-badge): add space props & add to post viewer * style(misc): adjust upvote & action color
1 parent b442c9a commit 7e87589

File tree

669 files changed

+1655
-1551
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

669 files changed

+1655
-1551
lines changed

‎.babelrc‎ renamed to ‎.babelrc.for_prod‎

File renamed without changes.

‎config/config.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"//--- general configs ---//": "",
3-
"DEFAULT_THEME": "solarizedDark",
3+
"DEFAULT_THEME": "github",
44
"SENIOR_AMOUNT_THRESHOLD": 51.2,
55
"SPONSOR_AMOUNT_THRESHOLD": 3999,
66
"PAGE_SIZE": {

‎src/containers/content/ArticleContent/styles/desktop_view/index.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import styled from 'styled-components'
22

33
import type { TTestable, TMetric } from '@/spec'
4-
import css from '@/utils/css'
5-
import { theme } from '@/utils/themes'
6-
import { WIDTH } from '@/utils/css/metric'
4+
import css, { theme, WIDTH } from '@/utils/css'
75

86
export const Wrapper = styled.article.attrs(({ testid }: TTestable) => ({
97
'data-test-id': testid,

‎src/containers/content/ArticleContent/styles/index.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import styled from 'styled-components'
22

33
import type { TTestable } from '@/spec'
4-
// import { theme } from '@/utils/themes'
54

65
export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
76
'data-test-id': testid,

‎src/containers/content/ArticleContent/styles/mobile_view.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import styled from 'styled-components'
22

33
import type { TTestable } from '@/spec'
4-
import css from '@/utils/css'
5-
import { WIDTH } from '@/utils/css/metric'
4+
import css, { WIDTH } from '@/utils/css'
65

76
export const Wrapper = styled.article.attrs(({ testid }: TTestable) => ({
87
'data-test-id': testid,

‎src/containers/content/CommunityContent/ThreadContent.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ const ThreadContent: FC<TProps> = ({ thread }) => {
4141

4242
case THREAD.CPER:
4343
return <CperMapThread />
44+
4445
case THREAD.MAP:
4546
return <CperMapThread />
4647

‎src/containers/content/CommunityContent/styles/classic_layout.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import styled from 'styled-components'
22

3-
import css from '@/utils/css'
3+
import css, { WIDTH } from '@/utils/css'
44
import { pixelAdd } from '@/utils/dom'
5-
import { WIDTH } from '@/utils/css/metric'
65

76
import { BaseWrapper, BaseInnerWrapper, BaseContentWrapper } from './index'
87

‎src/containers/content/CommunityContent/styles/holy_grail_layout.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import styled from 'styled-components'
22

3-
import css from '@/utils/css'
4-
import { WIDTH } from '@/utils/css/metric'
3+
import css, { WIDTH } from '@/utils/css'
54

65
import { BaseWrapper, BaseInnerWrapper, BaseContentWrapper } from './index'
76

‎src/containers/content/CommunityContent/styles/index.ts‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import styled from 'styled-components'
22

33
import type { TTestable } from '@/spec'
4-
import { theme } from '@/utils/themes'
5-
import css from '@/utils/css'
4+
import css, { theme } from '@/utils/css'
65

76
export const BaseWrapper = styled.div.attrs(({ testid }: TTestable) => ({
87
'data-test-id': testid,
@@ -21,7 +20,7 @@ export const BaseWrapper = styled.div.attrs(({ testid }: TTestable) => ({
2120
export const BaseInnerWrapper = styled.div`
2221
color: ${theme('font')};
2322
width: 100%;
24-
margin-top: 20px;
23+
margin-top: 15px;
2524
padding-top: 0;
2625
2726
${css.media.mobile`

‎src/containers/content/CommunityContent/styles/subscribed_list/expand_button.ts‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import styled from 'styled-components'
22

33
import Img from '@/Img'
4-
import { theme } from '@/utils/themes'
5-
import css from '@/utils/css'
4+
import css, { theme } from '@/utils/css'
65

76
export const Wrapper = styled.div`
87
${css.flex('align-center')};

0 commit comments

Comments
 (0)