no message

src/components/AutoBanner/index.jsx

@@ -96,7 +96,7 @@ const AutoBanner = ({data,perview=3,spaceBetween=15,delay=3000,speed=1000}) => {
                                             {/*<LazyImage style={{borderRadius:"var(--border-radius)"}} className="img-box-content" src={item.img} alt={item.alt}>*/}
                                             {/*</LazyImage>*/}
                                             {/*<Imgix className="lazyload img-box-content" style={{borderRadius:"var(--border-radius)"}} src={item.img} alt={item.alt} width={675}></Imgix>*/}
-                                            <LazyImgix className="lazyload img-box-content" style={{borderRadius:"var(--border-radius)"}} src={item.img} alt={item.alt} width={675}></LazyImgix>
+                                            <LazyImgix className="lazyload img-box-content" style={{borderRadius:"var(--border-radius)"}} src={item.img} alt={item.alt} width={1350}></LazyImgix>
                                         </button>
                                     ))
                                 }

src/components/AutoWinList/index.jsx

@@ -247,7 +247,7 @@ const AutoWinList=({data})=>{
                              <LazyImgix
                                  src={item.img}
                                  alt={"game-icon"}
-                                 width={75}
+                                 width={150}
                                  className={`${styles.game_icon}`}
                              />
                              <div className={styles.nick_name}>
@@ -304,7 +304,7 @@ const AutoWinList=({data})=>{
                                         <LazyImgix
                                             src={item.img}
                                             alt={"game-icon"}
-                                            width={16}
+                                            width={48}
                                             className={`${styles.game_icon_m}`}
                                         />
                                         <div className={styles.user_name_m}>

src/components/GameItem/index.jsx

@@ -97,7 +97,7 @@ const GameItem=({data,handleRoom,...props})=>{
                 {/*    wrapperClassName={`lazy-image ${styles.game_img}`}*/}
                 {/*/>*/}
                 {/*<Imgix className={`lazyload ${styles.game_img}`} src={data.img} alt={"game-icon"} width={192}></Imgix>*/}
-                <LazyImgix className={`lazyload ${styles.game_img}`} src={data.img} alt={"game-icon"} width={192}></LazyImgix>
+                <LazyImgix className={`lazyload ${styles.game_img}`} src={data.img} alt={"game-icon"} width={384}></LazyImgix>
             </button>
         </div>
     )

src/components/Imgix/LazyImgix.jsx

@@ -7,6 +7,11 @@ const LazyImgix = ({ src,alt="",className="",blur=true, ...props}) => {
     const [loaded, setLoaded] = useState(false);
     const effectClass=blur?styles.blur:'';
     const effLoadedClass=blur?(loaded?styles.loaded:''):'';
+    if (props.width!=null){
+        let devicePixelRatio=window.devicePixelRatio;
+        if (devicePixelRatio<1)devicePixelRatio=1;
+        props.width=Math.ceil(props.width/devicePixelRatio);
+    }
     return (
         <LazyLoadComponent>
             <ReactImgix

src/layout/Navbar/index.jsx

@@ -233,7 +233,7 @@ const UserInfo=()=>{
                             <div className={styles.score}>{global.DOLLAR+" "+numFormatter(user.Score)}</div>
                         </div>
                         {/*<LazyImage wrapperClassName={styles.avatar} src={user.img} alt={"Head"}/>*/}
-                        <LazyImgix className={styles.avatar} src={user.img} alt={"Head"} width={40}/>
+                        <LazyImgix className={styles.avatar} src={user.img} alt={"Head"} width={80}/>
                     </div>
                 ):(<></>)
             }

src/widgets/UserSettings/index.jsx

@@ -120,7 +120,7 @@ const UserSettings=()=>{
                 <div className={styles.user_con}>
                     <div className={styles.user_info}>
                         {/*<LazyImage wrapperClassName={styles.avatar} src={user.img} alt={"avatar"}></LazyImage>*/}
-                        <LazyImgix className={styles.avatar} src={user.img} alt={"avatar"} width={50}></LazyImgix>
+                        <LazyImgix className={styles.avatar} src={user.img} alt={"avatar"} width={100}></LazyImgix>
                         <div className={`${styles.user_info} ${styles.info}`}>
                             <div className={styles.info_item}>
                                 <div className={styles.name}>{user.NickName}</div>

src/widgets/WEditProfile/index.jsx

@@ -36,7 +36,7 @@ const SelectAvatar=({innerRef, ...props})=>{
                             if (props.onChange)props.onChange(item);
                         }}>
                             {/*<LazyImage wrapperClassName={`${styles.avatar} ${item==value?styles.active:''}`} src={getAvatarUrl(item)} alt={"avatar_" + index}/>*/}
-                        <LazyImgix className={`${styles.avatar} ${item==value?styles.active:''}`} src={getAvatarUrl(item)} alt={"avatar_" + index} width={30} />
+                        <LazyImgix className={`${styles.avatar} ${item==value?styles.active:''}`} src={getAvatarUrl(item)} alt={"avatar_" + index} width={60} />
                         </button>
                     )
                 })
@@ -80,7 +80,7 @@ const WEditProfile=({close})=>{
         return (
             <div className={styles.avatar_con}>
                 {/*<LazyImage wrapperClassName={styles.avatar} src={getAvatarUrl(avatarID)} alt={"avator"}/>*/}
-                <LazyImgix className={styles.avatar} src={getAvatarUrl(avatarID)} alt={"avatar"} width={50}></LazyImgix>
+                <LazyImgix className={styles.avatar} src={getAvatarUrl(avatarID)} alt={"avatar"} width={100}></LazyImgix>
             </div>
         )
     }