Fix style error for Firefox

Author: sheepzh

src/background/migrator/cate-initializer.ts

@@ -39,10 +39,12 @@ async function initItem(item: InitialCate) {
 
 export default class CateInitializer implements Migrator {
     async onInstall(): Promise<void> {
-        DEMO_ITEMS.forEach(initItem)
+        for (const item of DEMO_ITEMS) {
+            await initItem(item)
+        }
     }
 
     onUpdate(version: string): void {
-        version === '3.0.0' && this.onInstall()
+        version === '3.0.1' && this.onInstall()
     }
 }

src/pages/popup/components/Ranking/index.tsx

@@ -1,10 +1,10 @@
 import { useRequest } from "@hooks/useRequest"
+import { jump2Report } from "@popup/common"
 import { usePopupContext } from "@popup/context"
 import { ElCol, ElRow, ElScrollbar } from "element-plus"
 import { defineComponent } from "vue"
 import Item from "./Item"
 import { doQuery } from "./query"
-import { jump2Report } from "@popup/common"
 
 const Ranking = defineComponent(() => {
     const { query } = usePopupContext()
@@ -18,7 +18,7 @@ const Ranking = defineComponent(() => {
     }
 
     return () => (
-        <ElScrollbar noresize>
+        <ElScrollbar noresize style={{ width: '100%' }}>
             <ElRow gutter={10} style={{ rowGap: '10px' }}>
                 {result.value?.rows?.map(row => (
                     <ElCol span={24 / 3}>