fixed_css

OWASP · Jan 25, 2025 · 79c152d · 79c152d
1 parent 1670c8e
commit 79c152d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/frontend/src/components/SortBy.tsx b/frontend/src/components/SortBy.tsx
@@ -9,7 +9,7 @@ import {
   SelectRoot,
   SelectTrigger,
   SelectValueText,
-} from 'components/ui/select'
+} from 'components/ui/Select'
 const SortBy = ({
   sortOptions,
   selectedSortOption,
@@ -34,8 +34,11 @@ const SortBy = ({
             <SelectLabel className="font-small text-sm text-gray-600 dark:text-gray-300">
               Sort By:
             </SelectLabel>
-            <SelectTrigger className="w-auto min-w-[8rem] text-sm">
+            <SelectTrigger className="width-auto text-sm">
               <SelectValueText
+                paddingRight={'1.4rem'}
+                width={'auto'}
+                textWrap="nowrap"
                 placeholder={
                   sortOptions.items.find((item) => item.value === selectedSortOption)?.label
                 }

diff --git a/frontend/src/components/ui/close-button.tsx → frontend/src/components/ui/CloseButton.tsx b/frontend/src/components/ui/close-button.tsx → frontend/src/components/ui/CloseButton.tsx
diff --git a/frontend/src/components/ui/select.tsx → frontend/src/components/ui/Select.tsx b/frontend/src/components/ui/select.tsx → frontend/src/components/ui/Select.tsx
@@ -3,7 +3,7 @@
 import type { CollectionItem } from '@chakra-ui/react'
 import { Select as ChakraSelect, Portal } from '@chakra-ui/react'
 import * as React from 'react'
-import { CloseButton } from './close-button'
+import { CloseButton } from './CloseButton'
 
 interface SelectTriggerProps extends ChakraSelect.ControlProps {
   clearable?: boolean