github/h5-Dooring
1
0
Fork 0
mirror of https://github.com/MrXujiang/h5-Dooring.git synced 2025-12-14 20:02:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #41 from MrXujiang/yehuozhiliwork

Browse Source 
style: fix scope
This commit is contained in:
yehuozhili 2020-10-07 18:55:59 +08:00 committed by GitHub
commit 1d00da4272
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/global.css
View File

@ -42,26 +42,25 @@ body {
.react-grid-item{ .react-grid-item{
overflow: hidden; overflow: hidden;
} }
.ant-tabs-left.editorTabclass
.ant-tabs-nav .ant-tabs-nav , .ant-tabs-left.editorTabclass .ant-tabs-nav-list{
,.ant-tabs-nav-list{
width: 40px!important; width: 40px!important;
min-width: 40px!important; min-width: 40px!important;
} }
.ant-tabs-left{ .ant-tabs-left.editorTabclass{
height: 100%; height: 100%;
} }
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab{ .ant-tabs-left.editorTabclass > .ant-tabs-nav .ant-tabs-tab{
padding:20px 0px !important; padding:20px 0px !important;
} }
.ant-tabs-tab{ .ant-tabs-left.editorTabclass .ant-tabs-tab{
margin:auto!important; margin:auto!important;
} }
.ant-tabs-tab div{ .ant-tabs-left.editorTabclass .ant-tabs-tab div{
display: inline-block; display: inline-block;
} }
.ant-tabs-content-holder{ .ant-tabs-left.editorTabclass .ant-tabs-content-holder{
overflow: auto; overflow: auto;
} }

4
src/pages/editor/Container.tsx
View File

@ -32,7 +32,6 @@ import { ActionCreators } from 'redux-undo';
import { StateWithHistory } from 'redux-undo'; import { StateWithHistory } from 'redux-undo';
import styles from './index.less'; import styles from './index.less';
import { useGetBall } from 'react-draggable-ball'; import { useGetBall } from 'react-draggable-ball';
import { useAnimation } from '@/utils/tool';
import { dooringContext } from '@/layouts'; import { dooringContext } from '@/layouts';
const { TabPane } = Tabs; const { TabPane } = Tabs;
@ -345,6 +344,7 @@ const Container = (props: {
> >
<div className={styles.componentList}> <div className={styles.componentList}>
<Tabs <Tabs
className="editorTabclass"
onTabClick={() => changeCollapse(false)} onTabClick={() => changeCollapse(false)}
defaultActiveKey="1" defaultActiveKey="1"
tabPosition={'left'} tabPosition={'left'}
@ -354,7 +354,7 @@ const Container = (props: {
</div> </div>
<div <div
className={styles.collapsed} className={styles.collapsed}
style={{ position: 'absolute', bottom: '80px', left: '25px' }} style={{ position: 'absolute', bottom: '80px', left: '20px' }}
onClick={() => changeCollapse(!collapsed)} onClick={() => changeCollapse(!collapsed)}
> >
{collapsed ? <DoubleRightOutlined /> : <DoubleLeftOutlined />} {collapsed ? <DoubleRightOutlined /> : <DoubleLeftOutlined />}

2
src/pages/editor/components/Header/index.tsx
View File

@ -1,5 +1,5 @@
import React, { useRef, memo, useContext } from 'react'; import React, { useRef, memo, useContext } from 'react';
import { Button, Input, Popover, Modal, Switch, Select } from 'antd'; import { Button, Input, Popover, Modal, Select } from 'antd';
import { import {
ArrowLeftOutlined, ArrowLeftOutlined,
MobileOutlined, MobileOutlined,