fix(core): some style issues (#9875)

fix AF-2158, AF-2159

It seems the input hack for modal is no longer needed

packages/frontend/component/src/components/auth-components/password-input/style.css.ts

@@ -1,13 +1,14 @@
 import { cssVar } from '@toeverything/theme';
 import { style } from '@vanilla-extract/css';
 export const statusWrapper = style({
-  marginLeft: 8,
+  position: 'absolute',
-  marginRight: 10,
+  right: 10,
 });
 export const tag = style({
   padding: '2px 15px',
   height: 20,
-  lineHeight: '20px',
+  display: 'inline-flex',
+  alignItems: 'center',
   borderRadius: 10,
   fontSize: cssVar('fontXs'),
   selectors: {

packages/frontend/component/src/components/auth-components/share.css.ts

@@ -208,6 +208,7 @@ export const signInPageContainer = style({
 });
 export const input = style({
   width: '330px',
+  position: 'relative',
   '@media': {
     'screen and (max-width: 520px)': {
       width: '100%',

packages/frontend/core/src/desktop/dialogs/collection-editor/rules-mode.tsx

@@ -96,12 +96,6 @@ export const RulesMode = ({
 
   return (
     <>
-      {/*prevents modal autofocus to the first input*/}
-      <input
-        type="text"
-        style={{ width: 0, height: 0 }}
-        onFocus={e => requestAnimationFrame(() => e.target.blur())}
-      />
       <Tooltip content={tips}>
         <div className={clsx(styles.rulesTitle, styles.ellipsis)}>{tips}</div>
       </Tooltip>