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

Merge branch 'feature/mobile-examples' of https://github.com/ghalestrilo/p5.js-web-editor into feature/mobile-files-tab

Browse source
This commit is contained in:
ghalestrilo 2020-08-11 18:39:31 -03:00
commit 41ecf108e9
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -31,11 +31,9 @@ const ContentWrapper = styled(Content)`
td ,thead button { td ,thead button {
font-size: ${remSize(10)}; font-size: ${remSize(10)};
padding-left: 0;
text-align: left; text-align: left;
}; };
tbody th { tbody th {
font-size: ${remSize(16)}; font-size: ${remSize(16)};
width: 100%; width: 100%;
@ -46,17 +44,20 @@ const ContentWrapper = styled(Content)`
}; };
tbody td, thead th { tbody td, thead th {
justify-self: stretch; justify-self: center;
align-self: flex-end; align-self: flex-end;
color: ${prop('primaryTextColor')} color: ${prop('primaryTextColor')}
} }
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 { justify-self: start; text-align: start; padding: 0 }
tbody td:nth-child(2) { justify-self: start; text-align: start; padding-left: ${remSize(12)}};
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 };
.sketch-list__dropdown-column { width: auto; };
tbody { height: ${remSize(48)}; } tbody { height: ${remSize(48)}; }
@ -65,9 +66,12 @@ const ContentWrapper = styled(Content)`
background: ${prop('SketchList.background')}; background: ${prop('SketchList.background')};
} }
.sketches-table__row { .sketches-table__row {
background: ${prop('SketchList.card.background')} !important; height: auto background: ${prop('SketchList.card.background')} !important;
height: auto
} }
tr { tr {
align-self: start; align-self: start;
display: grid; display: grid;
@ -75,17 +79,18 @@ const ContentWrapper = styled(Content)`
}; };
thead tr { thead tr {
grid-template-columns: auto ${remSize(100)} ${remSize(100)} 0fr; grid-template-columns: 1fr 1fr 1fr 0fr;
} }
tbody tr { tbody tr {
padding: ${remSize(8)}; padding: ${remSize(8)};
border-radius: ${remSize(4)}; border-radius: ${remSize(4)};
grid-template-columns: 5fr 5fr 2fr; grid-template-columns: 5fr 5fr 1fr;
grid-template-areas: "name name name" "content content content"; grid-template-areas: "name name name" "content content content";
} }
.loader-container { position: fixed ; padding-bottom: 32% } .loader-container { position: fixed ; padding-bottom: 32% }
`; `;
const Subheader = styled.div` const Subheader = styled.div`