I am no designer, but i needet that little piece of sticky footer som…

…ehow.
HackerspaceKRK · Feb 10, 2024 · 2570f90 · 2570f90
1 parent 947e16f
commit 2570f90
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 42 deletions.
diff --git a/src/app/Summary.tsx b/src/app/Summary.tsx
@@ -230,25 +230,6 @@ export function Summary({
       <div className="absolute right-0 top-0">
         <ModeToggle />
       </div>
-      <div className="flex gap-4 justify-end mt-4 ">
-        <Select
-          value={currentYear}
-          onValueChange={(value) => updateYear(value)}
-        >
-          <SelectTrigger className="w-[180px]">
-            <SelectValue placeholder={`Rok: ${currentYear}`} />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectGroup>
-              {availableYears.map((year, index) => (
-                <SelectItem value={year} key={year}>
-                  Rok: {year}
-                </SelectItem>
-              ))}
-            </SelectGroup>
-          </SelectContent>
-        </Select>
-      </div>
 
       <div
         id="alert-additional-content-4"
@@ -390,27 +371,6 @@ export function Summary({
       </div>
 
       <div className="flex flex-1 flex-col gap-4">
-        <div className="flex justify-end">
-          <Select
-            value={currentMonth}
-            onValueChange={(value) => {
-              setCurrentMonth(value);
-            }}
-          >
-            <SelectTrigger className="w-[180px]">
-              <SelectValue placeholder={`Rok: ${currentMonth}`} />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectGroup>
-                {years[currentYear].map((month, index) => (
-                  <SelectItem value={month} key={month}>
-                    Miesiąc: {month}.{currentYear}
-                  </SelectItem>
-                ))}
-              </SelectGroup>
-            </SelectContent>
-          </Select>
-        </div>
         <Tabs defaultValue="incomes_and_costs">
           <TabsList>
             <TabsTrigger value="incomes_and_costs">Wpływy i koszty</TabsTrigger>
@@ -938,6 +898,49 @@ export function Summary({
             </Card>
           </TabsContent>
         </Tabs>
+        <footer className="sticky right-0 bottom-0">
+          <div className="justify-end bg-sky-500/10 m-4">
+        <div className="flex gap-4 justify-end pr-4 pt-4 pl-4">
+        <Select
+          value={currentYear}
+          onValueChange={(value) => updateYear(value)}
+        >
+          <SelectTrigger className="w-[180px]">
+            <SelectValue placeholder={`Rok: ${currentYear}`} />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectGroup>
+              {availableYears.map((year, index) => (
+                <SelectItem value={year} key={year}>
+                  Rok: {year}
+                </SelectItem>
+              ))}
+            </SelectGroup>
+          </SelectContent>
+        </Select>
+      </div>
+      <div className="flex justify-end pr-4 pb-4 pl-4">
+          <Select
+            value={currentMonth}
+            onValueChange={(value) => {
+              setCurrentMonth(value);
+            }}
+          >
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder={`Rok: ${currentMonth}`} />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectGroup>
+                {years[currentYear].map((month, index) => (
+                  <SelectItem value={month} key={month}>
+                    Miesiąc: {month}.{currentYear}
+                  </SelectItem>
+                ))}
+              </SelectGroup>
+            </SelectContent>
+          </Select>
+        </div></div>
+        </footer>
       </div>
     </div>
   );

diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,8 +6,8 @@ import { ThemeProvider } from "@/components/theme-provider";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Podsumowanie Finansowe - Hackerspace Kraków",
+  description: "Automatycznie generowane statystyki finansowe Fundacji, liczone i kategoryzowanie automatycznie, z ręcznie opisywanymi wyjątkami. Statystyki mają charakter poglądowy",
 };
 
 export default function RootLayout({