filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-24 06:45:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixing edge case styling

Browse Source
This commit is contained in:
tarafanlin 2020-11-05 14:47:45 -08:00
parent a179f8a0d4
commit 57bde20434
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/Profile.js
View File

@ -100,7 +100,7 @@ const STYLES_NAME = css`
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
margin-bottom: 16px; margin-bottom: 8px;
margin-right: 0; margin-right: 0;
} }
`; `;
@ -114,9 +114,6 @@ const STYLES_NAME_INTERNAL = css`
margin-top: 8px; margin-top: 8px;
overflow-wrap: break-word; overflow-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
@media (max-width: ${Constants.sizes.mobile}px) {
margin-bottom: 16px;
}
`; `;
const STYLES_DESCRIPTION = css` const STYLES_DESCRIPTION = css`
@ -167,7 +164,8 @@ const STYLES_FLEX = css`
margin-bottom: 12px; margin-bottom: 12px;
align-items: baseline; align-items: baseline;
justify-content: space-between; justify-content: space-between;
@media (max-width: ${Constants.sizes.mobile}px) { flex-wrap: wrap;
@media (max-width: ${Constants.sizes.tablet}px) {
display: block; display: block;
} }
`; `;