feat: increase max options for card

gravity-ui · Apr 23, 2024 · ba6b41c · ba6b41c
1 parent 0decdf1
commit ba6b41c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.scss b/src/lib/kit/hooks/useOneOf/useOneOf.scss
@@ -22,9 +22,13 @@
     &__card {
         display: flex;
 
-        & > :first-child {
+        & > * {
             margin-right: 8px;
         }
+
+        & > :last-child {
+            margin-right: 0;
+        }
     }
 
     &__checkbox {

diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.tsx b/src/lib/kit/hooks/useOneOf/useOneOf.tsx
@@ -100,7 +100,7 @@ export const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {
     );
 
     const togglerType = React.useMemo(() => {
-        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 3) {
+        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 4) {
             return 'card';
         }