r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

👌 centralize loader

Browse source
This commit is contained in:
ghalestrilo 2020-08-11 16:56:56 -03:00
parent 222b6d8c62
commit 5a96c0f8b5
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/modules/Mobile/MobileDashboardView.jsx
View file

@ -20,6 +20,7 @@ import useAsModal from '../../components/useAsModal';
import Dropdown from '../../components/Dropdown'; import Dropdown from '../../components/Dropdown';
import FooterTabSwitcher from '../../components/mobile/TabSwitcher'; import FooterTabSwitcher from '../../components/mobile/TabSwitcher';
import FooterTab from '../../components/mobile/Tab'; import FooterTab from '../../components/mobile/Tab';
import Loader from '../App/components/loader';
const EXAMPLE_USERNAME = 'p5'; const EXAMPLE_USERNAME = 'p5';
@ -53,7 +54,6 @@ const ContentWrapper = styled(Content)`
tbody td { justify-self: center; padding-left: ${remSize(12)}} tbody td { justify-self: center; padding-left: ${remSize(12)}}
thead th svg { margin-left: ${remSize(8)} } thead th svg { margin-left: ${remSize(8)} }
tbody td:last-child { justify-self: end; text-align: end; }; tbody td:last-child { justify-self: end; text-align: end; };
.sketches-table .sketch-list__dropdown-column { min-width: unset }; .sketches-table .sketch-list__dropdown-column { min-width: unset };
@ -71,15 +71,21 @@ const ContentWrapper = styled(Content)`
tr { tr {
align-self: start; align-self: start;
display: grid; display: grid;
grid-template-columns: 5fr 5fr 2fr;
grid-template-areas: "name name name" "content content content";
box-shadow: 0 0 18px 0 ${prop('shadowColor')}; box-shadow: 0 0 18px 0 ${prop('shadowColor')};
}; };
thead tr { grid-template-columns: auto ${remSize(100)} ${remSize(100)} 0fr; } thead tr {
grid-template-columns: auto ${remSize(100)} ${remSize(100)} 0fr;
}
tbody tr { padding: ${remSize(8)}; border-radius: ${remSize(4)}; } tbody tr {
padding: ${remSize(8)};
border-radius: ${remSize(4)};
grid-template-columns: 5fr 5fr 2fr;
grid-template-areas: "name name name" "content content content";
}
.loader-container { position: fixed ; padding-bottom: 32% }
`; `;
const Subheader = styled.div` const Subheader = styled.div`