@bytebrand/fe-ui-core 4.1.100 → 4.1.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.100",
3
+ "version": "4.1.102",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -82,9 +82,9 @@ class SearchTopBar extends React.Component<ISearchTopBarProps, {}> {
82
82
  placeholder={t('sortingPlaceholder')}
83
83
  items={translatedSortingOptions}
84
84
  onChange={onSortChange}
85
- name='mobileSearch'
85
+ name={isMobileOnly ? 'mobileSearch' : ''}
86
86
  disableClearable={true}
87
- />;
87
+ label={''} />;
88
88
  };
89
89
 
90
90
  render(): JSX.Element {
@@ -11,7 +11,8 @@ export const Theme = createTheme({
11
11
  top: 'calc(50% - 12px)'
12
12
  },
13
13
  popupIndicator: {
14
- padding: 4
14
+ padding: '6px 3px 4px',
15
+ marginTop: '3px'
15
16
  },
16
17
  root: ({ ownerState }) => ({
17
18
  ['&.Mui-focused + [data-popper-placement*=`bottom`] .MuiOutlinedInput-root']: {
@@ -187,7 +188,9 @@ export const Theme = createTheme({
187
188
  });
188
189
 
189
190
  export const ArrowSelect = styled(IconSVG)({
190
- fontSize: 14
191
+ fontSize: 14,
192
+ width: 14,
193
+ height: 10
191
194
  });
192
195
 
193
196
  export const FlexWrap = styled('div')({
@@ -5,6 +5,8 @@
5
5
  text-align: center
6
6
  box-sizing: border-box
7
7
  max-width: 600px
8
+ +media-phone-only()
9
+ padding: 13px 15px 28px
8
10
 
9
11
  .modalTitle
10
12
  font-family: sans-serif
@@ -31,11 +33,13 @@
31
33
  justify-content: center
32
34
  column-gap: 20px
33
35
  +media-phone-only()
34
- font-size: 11px !important
36
+ column-gap: 0
35
37
 
36
38
  .modalBtn
37
39
  height: 38px
38
40
  text-transform: uppercase !important
41
+ +media-phone-only()
42
+ font-size: 11px !important
39
43
 
40
44
  .outlinedBtn
41
45
  border: none !important