feat: Improve limits design

brick-a-brack · Nov 11, 2024 · f19894f · f19894f
1 parent 072b7cb
commit f19894f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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;
 }
diff --git 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
@@ -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;