From f92af06eda3827e6789e08c626facd6e74ab2329 Mon Sep 17 00:00:00 2001 From: Angelillo15 Date: Sat, 5 Aug 2023 13:36:39 +0200 Subject: [PATCH] Edited load bar --- resources/scripts/components/elements/ProgressBar.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/resources/scripts/components/elements/ProgressBar.tsx b/resources/scripts/components/elements/ProgressBar.tsx index c94ae80f3..544671ce4 100644 --- a/resources/scripts/components/elements/ProgressBar.tsx +++ b/resources/scripts/components/elements/ProgressBar.tsx @@ -6,9 +6,14 @@ import { CSSTransition } from 'react-transition-group'; import tw from 'twin.macro'; const BarFill = styled.div` - ${tw`h-full bg-cyan-400`}; + ${tw`h-full bg-red-600`}; transition: 250ms ease-in-out; - box-shadow: 0 -2px 10px 2px hsl(178, 78%, 57%); + margin-top: 0 !important; + box-shadow: 0 -2px 10px 2px hsl(9.090909090909092, 98.29787234042554%, 53.92156862745098%); + position: fixed; + height: 1px; + top: 6vh; + z-index: 999999999; `; type Timer = ReturnType;