dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-08 06:38:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

tweak mobile layouts for widgets

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/components/widgets/openweathermap/weather.jsx
View file

@ -33,7 +33,7 @@ export default function OpenWeatherMap({ options }) {
}
return (
<div className="flex flex-col">
<div className="flex flex-col justify-center">
<div className="flex flex-row items-center justify-end">
<div className="flex flex-col items-center">
<Icon

6
src/components/widgets/resources/resources.jsx
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">

2
src/components/widgets/weather/weather.jsx
View file

@ -33,7 +33,7 @@ export default function WeatherApi({ options }) {
}
return (
<div className="flex flex-col justify-center md:justify-start mt-2 lg:mt-0 !-ml-1 lg:!ml-2">
<div className="flex flex-col justify-center">
<div className="flex flex-row items-center justify-end">
<div className="flex flex-col items-center">
<Icon condition={data.current.condition.code} timeOfDay={data.current.is_day ? "day" : "night"} />