From 3f7b130a4f452db6cac8813d09e1e5c7b58bc7c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Petr=20Ku=C4=8Dera?= <petr@khome.cz>
Date: Wed, 21 Feb 2024 23:37:46 +0100
Subject: [PATCH] Unstack config menu

* Unstack config menu
---
 components/utils/fontsize-controler.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/utils/fontsize-controler.js b/components/utils/fontsize-controler.js
index 26df8a2..8e1d3f9 100644
--- a/components/utils/fontsize-controler.js
+++ b/components/utils/fontsize-controler.js
@@ -1,4 +1,5 @@
-import { useState } from "react";
+"use client";
+import { useEffect, useState } from "react";
 
 export default function FontSizeControler({ titleClass, textClass }) {
   //   const [textSize, setTextSize] = useState(1.125);
@@ -10,7 +11,9 @@ export default function FontSizeControler({ titleClass, textClass }) {
   let textLine = 1.75;
 
   return (
-    <div className="z-100 bg-white dark:bg-black sticky bottom-0 h-12 flex justify-center items-center">
+    <div
+      className={`z-100 bg-white dark:bg-black h-12 flex justify-center items-center`}
+    >
       <button
         className="mr-4 text-lg font-bold"
         title="Zmenšit text"
@@ -18,7 +21,6 @@ export default function FontSizeControler({ titleClass, textClass }) {
           titleSize -= 0.25;
           textSize -= 0.25;
           textLine -= 0.25;
-
           const titles = document.querySelectorAll(`.${titleClass}`);
           const texts = document.querySelectorAll(`.${textClass}`);