MrUnknownDE/panel
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/panel.git synced 2026-04-20 15:23:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make interface mobile responsive (#2273)

Browse Source
This commit is contained in:
Rihan
2020-09-13 18:02:25 +01:00
committed by GitHub
parent 9a21584c42
commit 9a4c0d8ba7
20 changed files with 130 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/server/ServerConsole.tsx
View File

@@ -63,8 +63,8 @@ export default () => {
const memorylimit = limits.memory ? megabytesToHuman(limits.memory) : 'Unlimited';
return (
<ServerContentBlock title={'Console'} css={tw`flex`}>
<div css={tw`w-1/4`}>
<ServerContentBlock title={'Console'} css={tw`flex flex-wrap`}>
<div css={tw`w-full md:w-1/4`}>
<TitledGreyBox title={name} icon={faServer}>
<p css={tw`text-xs uppercase`}>
<FontAwesomeIcon
@@ -137,7 +137,7 @@ export default () => {
</div>
}
</div>
<div css={tw`flex-1 ml-4`}>
<div css={tw`w-full md:flex-1 md:ml-4 mt-4 md:mt-0`}>
<SuspenseSpinner>
<ChunkedConsole/>
<ChunkedStatGraphs/>