fix: Fix some UI bugs discovered [Issue#518] (#524)

* Fix some UI bugs discovered * Revert lockfile changes
aza547 · Sep 9, 2024 · 14dc2e6 · 14dc2e6
1 parent c1c959e
commit 14dc2e6
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/renderer/FlavourSettings.tsx b/src/renderer/FlavourSettings.tsx
@@ -132,7 +132,7 @@ const FlavourSettings: React.FC<IProps> = (props: IProps) => {
           </div>
         </div>
         {config.recordRetail && (
-          <div className="flex flex-col w-1/4 min-w-60 max-w-80">
+          <div className="flex flex-col w-1/4 min-w-60 max-w-120">
             <Label htmlFor="retailLogPath" className="flex items-center">
               Retail Log Path
               <Tooltip
@@ -201,7 +201,7 @@ const FlavourSettings: React.FC<IProps> = (props: IProps) => {
           </div>
         </div>
         {config.recordClassic && (
-          <div className="flex flex-col w-1/4 min-w-60 max-w-80">
+          <div className="flex flex-col w-1/4 min-w-60 max-w-120">
             <Label htmlFor="classicLogPath" className="flex items-center">
               Classic Log Path
               <Tooltip
@@ -276,7 +276,7 @@ const FlavourSettings: React.FC<IProps> = (props: IProps) => {
           </div>
         </div>
         {config.recordEra && (
-          <div className="flex flex-col w-1/4 min-w-60 max-w-80">
+          <div className="flex flex-col w-1/4 min-w-60 max-w-120">
             <Label htmlFor="eraLogPath" className="flex items-center">
               Classic Era Log Path
               <Tooltip content={configSchema.eraLogPath.description} side="top">

diff --git a/src/renderer/RaidEncounterInfo.tsx b/src/renderer/RaidEncounterInfo.tsx
@@ -23,7 +23,7 @@ const RaidEncounterInfo: React.FC<IProps> = (props: IProps) => {
 
   const renderEncounterText = () => {
     return (
-      <span className="text-white font-sans font-semibold text-base text-shadow-instance">
+      <span className="text-white font-sans font-semibold text-base text-shadow-instance text-center">
         {encounterName}
       </span>
     );

diff --git a/src/renderer/components/Menu/Item.tsx b/src/renderer/components/Menu/Item.tsx
@@ -50,7 +50,7 @@ type MenuBadgeProps = {
 const MenuBadge = ({ value }: MenuBadgeProps) => {
   return value ? (
     <Badge variant="default" className="ml-auto">
-      {value <= 99 ? value : '99+'}
+      {value <= 999 ? value : '999+'}
     </Badge>
   ) : null;
 };

diff --git a/src/renderer/components/MultiSelect/MultiSelect.tsx b/src/renderer/components/MultiSelect/MultiSelect.tsx
@@ -76,7 +76,6 @@ export const MultiSelect = React.forwardRef<
     const [selectedValues, setSelectedValues] =
       React.useState<string[]>(defaultValue);
     const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
-    const [isAnimating] = React.useState(false);
 
     React.useEffect(() => {
       setSelectedValues(defaultValue);
@@ -164,6 +163,7 @@ export const MultiSelect = React.forwardRef<
           className="w-[var(--radix-popper-anchor-width)] p-0"
           align="start"
           onEscapeKeyDown={() => setIsPopoverOpen(false)}
+          side="right"
         >
           <Command>
             <CommandList>