Styling

2024-01-23 15:50:53 +01:00
parent fdc9408666
commit d7e07f5e11
2 changed files with 6 additions and 3 deletions
--- a/src/components/main/routes/Dashboard.tsx
+++ b/src/components/main/routes/Dashboard.tsx
@@ -63,8 +63,11 @@ export const Dashboard = function ({ state, updateCache }) {
  }, [dateTime]);

  return (
-    <div>
-      <ForecastDatePicker dateTime={dateTime} onChange={setDateTime} />
+    <div className="flex p-5 bg-white border border-solid border-slate-300 rounded-lg space-y-5">
+      <div>
+        <h1 className="text-lg font-medium mb-2">Forecast</h1>
+        <ForecastDatePicker dateTime={dateTime} onChange={setDateTime} />
+      </div>
      {data ? <WeatherChart data={data} /> : "Loading..."}
    </div>
  );