fix: input style priority (#5383)

packages/frontend/core/src/components/affine/new-workspace-setting-detail/profile.tsx

@@ -203,7 +203,7 @@ export const ProfilePanel = ({ isOwner, workspace }: ProfilePanelProps) => {
           <Input
             disabled={workspaceIsLoading || !isOwner}
             value={input}
-            className={styles.workspaceNameInput}
+            style={{ width: 280, height: 32 }}
             data-testid="workspace-name-input"
             placeholder={t['Workspace Name']()}
             maxLength={64}

packages/frontend/core/src/components/affine/new-workspace-setting-detail/style.css.ts

@@ -201,8 +201,3 @@ export const arrowRight = style({
   color: 'var(--affine-text-emphasis-color)',
   cursor: 'pointer',
 });
-
-export const workspaceNameInput = style({
-  height: '32px',
-  width: '280px',
-});

packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx

@@ -137,12 +137,12 @@ export const AvatarAndName = () => {
           <label>{t['com.affine.settings.profile.name']()}</label>
           <FlexWrapper alignItems="center">
             <Input
-              className={styles.userNameInput}
               defaultValue={input}
               data-testid="user-name-input"
               placeholder={t['com.affine.settings.profile.placeholder']()}
               maxLength={64}
               minLength={0}
+              style={{ width: 280, height: 32 }}
               onChange={setInput}
               onEnter={handleUpdateUserName}
             />

packages/frontend/core/src/components/affine/setting-modal/account-setting/style.css.ts

@@ -43,8 +43,3 @@ globalStyle(`${avatarWrapper} .camera-icon-wrapper`, {
 export const button = style({
   padding: '4px 12px',
 });
-
-export const userNameInput = style({
-  height: '32px',
-  width: '280px',
-});