-
Notifications
You must be signed in to change notification settings - Fork 731
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0ee1eb3
commit 3cb7736
Showing
6 changed files
with
273 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,142 @@ | ||
| body[theme-mode='dark'] { | ||
| .footer { | ||
| background: #1C1F23; | ||
| } | ||
| } | ||
|
|
||
| .footer { | ||
| position: relative; | ||
| background: #1C1F23; | ||
| margin-top: 60px; | ||
| // width: 1440px; | ||
| height: 456px; | ||
| box-sizing: border-box; | ||
| padding: 64px 96px 48px 96px; | ||
| width: 100%; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
|
|
||
| &-circle { | ||
| position: absolute; | ||
| top: 204px; | ||
| left: -100px; | ||
| width: 151px; | ||
| height: 151px; | ||
| border-radius: 50%; | ||
| background: #FFD166; | ||
| } | ||
|
|
||
| &-icon { | ||
| margin-right: 100px; | ||
| } | ||
|
|
||
| &-link { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| width: 1118px; | ||
|
|
||
| .semi-icons { | ||
| width: 112px; | ||
| height: 42px; | ||
| color: var(--color-white); | ||
| } | ||
| } | ||
|
|
||
| .link-col { | ||
| text-align: left; | ||
| padding-left: 50px; | ||
|
|
||
| &:first-of-type { | ||
| padding-left: 0; | ||
| } | ||
|
|
||
| // padding-right: 78px; | ||
| .link-group { | ||
| color: var(--semi-color-white); | ||
| font-weight: 600; | ||
| margin-bottom: 20px; | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| a { | ||
| display: block; | ||
| color: var(--semi-color-white); | ||
| margin-top: 0; | ||
| margin-bottom: 16px; | ||
|
|
||
| &:hover { | ||
| color: var(--semi-color-white); | ||
| cursor: pointer; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .autoWrapper { | ||
| width: 1110px; | ||
| display: flex; | ||
| flex-direction: row; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| } | ||
| .icpWrapper { | ||
| display: flex; | ||
| } | ||
| .a2021SemiDesignAllRi { | ||
| margin: 0px 8px 0px 0px; | ||
| font-size: 14px; | ||
| font-family: Inter; | ||
| color: #d9dbe1ff; | ||
| line-height: 24px; | ||
| font-weight: 400; | ||
| text-align: left; | ||
| vertical-align: top; | ||
| } | ||
|
|
||
| .image45 { | ||
| width: 20px; | ||
| height: 20px; | ||
| margin: 0px 4px 0px 0px; | ||
| } | ||
|
|
||
| .beianText { | ||
| margin-right: 8px; | ||
| font-size: 14px; | ||
| font-family: Inter; | ||
| color: #d9dbe1ff; | ||
| line-height: 24px; | ||
| font-weight: 400; | ||
| text-align: left; | ||
| vertical-align: top; | ||
| } | ||
| .designedDevelopedWit { | ||
| min-width: 352px; | ||
| font-size: 14px; | ||
| font-family: Inter; | ||
| color: #000000; | ||
| line-height: 24px; | ||
| font-weight: 400; | ||
| text-align: left; | ||
| vertical-align: top; | ||
| } | ||
|
|
||
| .designedDevelopedWit_c0c5d39b { | ||
| font-size: 14px; | ||
| font-family: Inter; | ||
| color: #d9dbe1ff; | ||
| line-height: 24px; | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| .designedDevelopedWit_6eaa79ba { | ||
| font-size: 14px; | ||
| font-family: Inter; | ||
| color: #01ffc3ff; | ||
| line-height: 24px; | ||
| font-weight: 400; | ||
| &:hover { | ||
| color: #01ffc3ff; | ||
| } | ||
| } | ||
| } |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| /* eslint-disable max-lines-per-function */ | ||
| import React, { Component } from 'react'; | ||
| import UserContext from 'context/context'; | ||
| import './footer.scss'; | ||
| import { _t } from 'src/utils/locale'; | ||
| import { getLocale } from '../../utils/locale'; | ||
| import { IconBytedanceLogo } from '@douyinfe/semi-icons'; | ||
|
|
||
| export class Footer extends Component { | ||
| static contextType = UserContext; | ||
|
|
||
| render() { | ||
| return ( | ||
| <div className='footerMini8' id="footer"><img alt="semi logo" aria-hidden src="https://lf9-static.semi.design/obj/semi-tos/images/a5768a90-324e-11ec-b393-ab4adc2e449f.svg" className='group6' /> | ||
| <div className='links'> | ||
| <a href={`/${getLocale()}/start/getting-started`} className='text'>{_t('footer.component')}</a> | ||
| <a href='https://figma.com/@semi' className='figmaUIKit' target="_blank" rel="noreferrer">Figma UIKit</a> | ||
| <p className='text_d3ba282e'><a href={DSM_URL?DSM_URL:"https://semi.design/dsm/landing"} className='text_8b88424e' target="_blank" rel="noreferrer">{_t('footer.dsm')}</a></p> | ||
| <a href="https://github.com/DouyinFE/semi-design" className='github' target="_blank" rel="noreferrer">GitHub</a> | ||
| </div> | ||
| <img src="https://lf9-static.semi.design/obj/semi-tos/images/a577c310-324e-11ec-8b14-8fb159794ae4.svg" className='divider' aria-hidden alt='' /> | ||
| <div className='autoWrapper'> | ||
| <div className='icpWrapper'> | ||
| <p className={'a2021SemiDesignAllRi'}>© 2021 - {new Date().getFullYear()} Semi Design. All rights reserved.</p> | ||
| { | ||
| getLocale() !== 'en-US' ? ( | ||
| <> | ||
| <a href="https://beian.miit.gov.cn/" target="_blank" className={'beianText'} rel="noreferrer">京ICP备19058139号-13</a> | ||
| <img src="https://lf9-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/beian.png" className={'image45'} alt=''/> | ||
| <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011002016131" target="_blank" className={'beianText'} rel="noreferrer">浙公网安备 33011002016131号</a> | ||
| </>) : null | ||
| } | ||
| </div> | ||
| <p className='designedDevelopedWit'> | ||
| <span className='designedDevelopedWit_c0c5d39b'> Designed & Developed with love by </span> | ||
| <span className='designedDevelopedWit_6eaa79ba'>Douyin FE</span> | ||
| <span className='designedDevelopedWit_c0c5d39b'> & </span> | ||
| <a href="https://dribbble.com/MetaEnterpriseDesign" className='designedDevelopedWit_6eaa79ba'>MED</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
| } | ||
| export default Footer; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters