neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust horizontal content padding (#3671)

Browse Source 
* Adjust horizontal content padding

* Adjust

* Adjust
This commit is contained in:
Jaco Greeff 2020-09-12 14:19:30 +02:00 committed by GitHub
parent 472bc10803
commit 66d848388f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/apps/src/Content/index.tsx
View File

@ -90,16 +90,11 @@ function Content ({ className }: Props): React.ReactElement<Props> {
export default React.memo(styled(Content)`
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
padding: 0 2rem 1rem;
overflow: hidden auto;
padding: 0 1.5rem 1rem;
position: relative;
width: 100%;
@media(max-width: 768px) {
padding: 0 0.5rem;
}
.connecting {
padding: 3.5rem 0;
}

9
packages/apps/src/overlays/Base.tsx
View File

@ -47,15 +47,14 @@ function BaseOverlay ({ children, className = '', icon, type }: Props): React.Re
export default React.memo(styled(BaseOverlay)`
background: white;
border: 0 solid transparent;
border-bottom-left-radius: 0.25rem;
border-bottom-width: 1px;
border: 1px solid transparent;
border-radius: 0.25rem;
border-left-width: 0.25rem;
line-height: 1.5em;
padding: 0 1rem;
position: fixed;
right: 0;
top: 0;
right: 0.75rem;
top: 0.75rem;
max-width: 55rem;
z-index: 500;

2
packages/react-components/src/FilterOverlay.tsx
View File

@ -31,7 +31,7 @@ export default React.memo(styled(FilterOverlay)`
display: flex;
justify-content: flex-end;
position: absolute;
right: 5rem;
right: 1.5rem;
top: 0.525rem;
> div {

2
packages/react-components/src/HelpOverlay.tsx
View File

@ -46,7 +46,7 @@ export default React.memo(styled(HelpOverlay)`
.help-button {
cursor: pointer;
font-size: 2rem;
padding: 1rem 2.5rem 0 0;
padding: 1rem 1.5rem 0 0;
}
> .help-button {

4
packages/react-components/src/Status/index.tsx
View File

@ -206,8 +206,8 @@ function Status ({ className = '' }: Props): React.ReactElement<Props> | null {
export default React.memo(styled(Status)`
display: inline-block;
position: fixed;
right: 0.25rem;
top: 0.25rem;
right: 0.75rem;
top: 0.75rem;
width: 23rem;
z-index: 1001;

4
packages/react-components/src/Tabs/index.tsx
View File

@ -63,9 +63,9 @@ export default React.memo(styled(Tabs)`
background: #fff;
border-bottom: 1px solid #eeecea;
display: flex;
margin: 0 -3rem;
margin: 0 -1.5rem;
overflow-x: scroll;
padding: 1.5rem 3rem 0;
padding: 1.5rem 1.5rem 0;
text-align: left;
z-index: 1;