bugfixes and some redesign

2026-04-26 17:57:05 +02:00
parent 8ba22fc4a0
commit 2fd00013f1
36 changed files with 1133 additions and 89 deletions
@@ -25,14 +25,17 @@ const SleepButton: React.FC<SleepButtonProps> = ({ time }) => {
    <button
      onClick={handleClick}
      disabled={isCreating || isEnding}
-      className={`w-full py-6 px-8 rounded-2xl text-2xl font-bold shadow-lg transition-all active:scale-95 ${
+      className={`w-full py-8 px-8 rounded-3xl text-2xl font-extrabold shadow-xl transition-all active:scale-95 flex items-center justify-center ${
        isSleeping
-          ? 'bg-amber-500 text-white hover:bg-amber-600'
-          : 'bg-blue-700 text-white hover:bg-blue-800'
+          ? 'bg-rose-500 text-white hover:bg-rose-600 shadow-rose-200'
+          : 'bg-indigo-600 text-white hover:bg-indigo-700 shadow-indigo-200'
      } ${isCreating || isEnding ? 'opacity-50 cursor-not-allowed' : ''}`}
    >
      {isCreating || isEnding ? (
-        <span className="animate-pulse">Processing...</span>
+        <div className="flex items-center space-x-2">
+          <span className="animate-spin rounded-full h-6 w-6 border-b-2 border-white"></span>
+          <span>Processing...</span>
+        </div>
      ) : isSleeping ? (
        'Stop Sleep'
      ) : (