tweak mobile layouts for widgets

This commit is contained in:
Ben Phelps 2022-09-03 12:40:04 +03:00
parent 229c5dac59
commit 8f001ad88a
4 changed files with 14 additions and 20 deletions

View file

@ -5,11 +5,11 @@ import Memory from "./memory";
export default function Resources({ options }) {
return (
<>
<div className="pr-2 flex flex-col max-w:full overflow-y-scroll">
<div className="flex flex-row space-x-4">
{options.disk && <Disk options={options} />}
<div className="flex flex-col max-w:full basis-1/2 sm:basis-auto self-center">
<div className="flex flex-row space-x-4 self-center">
{options.cpu && <Cpu />}
{options.memory && <Memory />}
{options.disk && <Disk options={options} />}
</div>
{options.label && (
<div className="border-t-2 border-theme-800 dark:border-theme-200 mt-1 pt-1 text-center text-theme-800 dark:text-theme-200 text-xs">