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,
-  marginRight: 10,
+  position: 'absolute',
+  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%',