From f19894fcc3cf4dea15d95c35f7e191c14f77b635 Mon Sep 17 00:00:00 2001
From: Maxime Baconnais <m.baconnais@outlook.com>
Date: Mon, 11 Nov 2024 13:33:39 +0100
Subject: [PATCH] feat: Improve limits design

---
 package.json                                          | 2 +-
 src/renderer/components/LimitWarning/style.module.css | 8 ++++----
 src/renderer/styles/vars.module.css                   | 2 ++
 src/renderer/views/Animator.jsx                       | 2 +-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 099c534..8a36496 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@brick-a-brack/eagle-animation",
   "description": "EagleAnimation is an awesome, modern, free and open-source animation software",
-  "version": "2.9.1",
+  "version": "2.9.2",
   "private": false,
   "author": {
     "name": "Brick à Brack",
diff --git a/src/renderer/components/LimitWarning/style.module.css b/src/renderer/components/LimitWarning/style.module.css
index e1cb97d..f07d8f7 100644
--- a/src/renderer/components/LimitWarning/style.module.css
+++ b/src/renderer/components/LimitWarning/style.module.css
@@ -3,7 +3,7 @@
     width: 100%;
     height: 100%;
     box-sizing: border-box;
-    border: 3px solid var(--color-alert);
+    border: 2px solid var(--color-alert);
     top:0;
     left: 0;
     pointer-events: none;
@@ -18,8 +18,8 @@
     padding: var(--space-small) var(--space-medium);
     border-bottom-left-radius: var(--border-radius-medium);
     border-bottom-right-radius: var(--border-radius-medium);
-    height: 15px;
-    line-height: 15px;
-    font-size: var(--font-size-7);
+    height: 8px;
+    line-height: 8px;
+    font-size: var(--font-size-9);
     color: #fff;
 }
\ No newline at end of file
diff --git a/src/renderer/styles/vars.module.css b/src/renderer/styles/vars.module.css
index e2ef005..ba3460e 100644
--- a/src/renderer/styles/vars.module.css
+++ b/src/renderer/styles/vars.module.css
@@ -16,6 +16,7 @@ body {
   --font-size-6: 1rem;
   --font-size-7: 0.9rem;
   --font-size-8: 0.8rem;
+  --font-size-9: 0.7rem;
   --line-size-0: calc(var(--font-size-0) * 1.5);
   --line-size-1: calc(var(--font-size-1) * 1.5);
   --line-size-2: calc(var(--font-size-2) * 1.5);
@@ -25,6 +26,7 @@ body {
   --line-size-6: calc(var(--font-size-6) * 1.5);
   --line-size-7: calc(var(--font-size-7) * 1.5);
   --line-size-8: calc(var(--font-size-8) * 1.5);
+  --line-size-9: calc(var(--font-size-9) * 1.5);
   --font: "Open Sans";
   --input-height: 30px;
   --color-primary: #486ee5;
diff --git a/src/renderer/views/Animator.jsx b/src/renderer/views/Animator.jsx
index 3544d43..ac3ac7b 100644
--- a/src/renderer/views/Animator.jsx
+++ b/src/renderer/views/Animator.jsx
@@ -191,7 +191,7 @@ const Animator = ({ t }) => {
         setIsTakingPicture(true);
       });
 
-      setStartedAt(new Date().getTime() / 1000);
+      setStartedAt(oldValue => oldValue ? oldValue : new Date().getTime() / 1000);
 
       for (let i = 0; i < (Number(nbPicturesToTake !== null ? nbPicturesToTake : settings.CAPTURE_FRAMES) || 1); i++) {
         const nbFramesToTake = (settings.AVERAGING_ENABLED ? Number(settings.AVERAGING_VALUE) : 1) || 1;