✨ New OpenID first login UX (#4446)

* Fix for openid review parameters

* Refactor and bug fix of OpenId parameters on first login

* md

* change some design

* adjustments

* responsive login

* linter

* removed debugger

* Merge fixes

* removed debugger

* Merge fixes

* missing stuff

* linter

* linter after merge

packages/component-library/src/Input.tsx

@@ -6,6 +6,7 @@ import React, {
 
 import { css, cx } from '@emotion/css';
 
+import { useResponsive } from './hooks/useResponsive';
 import { styles, type CSSProperties } from './styles';
 import { theme } from './theme';
 
@@ -19,7 +20,7 @@ export const defaultInputStyle = {
   border: '1px solid ' + theme.formInputBorder,
 };
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
   style?: CSSProperties;
   inputRef?: Ref<HTMLInputElement>;
   onEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
@@ -101,3 +102,9 @@ export function BigInput(props: InputProps) {
     />
   );
 }
+
+export function ResponsiveInput(props: InputProps) {
+  const { isNarrowWidth } = useResponsive();
+
+  return isNarrowWidth ? <BigInput {...props} /> : <Input {...props} />;
+}