From e4ffe75694f5b92deb09d0202fd8f1fc9f0d9927 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Fri, 20 Dec 2024 14:52:16 +0100
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=94=A7=20columns=20&=20column=20bulma?=
 =?UTF-8?q?=20to=20tailwind?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/collection/CollectionDetail.vue    |   8 +-
 .../collection/drop/GenerativeLayout.vue      |   4 +-
 components/massmint/OverviewTable.vue         | 204 ++++++++----------
 components/migrate/steps/Index.vue            |   4 +-
 4 files changed, 103 insertions(+), 117 deletions(-)

diff --git a/components/collection/CollectionDetail.vue b/components/collection/CollectionDetail.vue
index f899f2e6d3..bcc4d4e32b 100644
--- a/components/collection/CollectionDetail.vue
+++ b/components/collection/CollectionDetail.vue
@@ -43,7 +43,7 @@
       v-if="nfts && !isLoading"
       class="flex justify-around is-vcentered"
     >
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('collectionCard.volume') }}
         </p>
@@ -52,7 +52,7 @@
           :value="collectionTradedVolumeNumber"
         />
       </div>
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('series.highestSale') }}
         </p>
@@ -62,7 +62,7 @@
         />
       </div>
 
-      <div class="detail-item text-center column">
+      <div class="detail-item text-center basis-0 grow shrink p-3">
         <p class="detail-item__title text-k-grey">
           {{ $t('collectionCard.items') }}
         </p>
@@ -76,7 +76,7 @@
       <div
         v-for="n in DESC_SKELETON_COUNT"
         :key="n"
-        class="flex items-center detail-item column px-5"
+        class="flex items-center detail-item basis-0 grow shrink p-3 px-5"
       >
         <NeoSkeleton
           no-margin
diff --git a/components/collection/drop/GenerativeLayout.vue b/components/collection/drop/GenerativeLayout.vue
index 0212e7678b..61e2367aaf 100644
--- a/components/collection/drop/GenerativeLayout.vue
+++ b/components/collection/drop/GenerativeLayout.vue
@@ -3,8 +3,8 @@
     <div
       class="relative w-full mx-auto px-[1.25rem] md:px-[2.5rem] min-[1440px]:max-w-[1440px]"
     >
-      <div class="columns is-variable is-4-tablet">
-        <div class="column is-half-desktop mobile-padding lg:max-w-[600px]">
+      <div class="flex">
+        <div class="mobile-padding lg:max-w-[600px]">
           <div class="flex justify-between flex-wrap max-w-[504px]">
             <div
               v-if="address"
diff --git a/components/massmint/OverviewTable.vue b/components/massmint/OverviewTable.vue
index af8681b578..0ba0af53ba 100644
--- a/components/massmint/OverviewTable.vue
+++ b/components/massmint/OverviewTable.vue
@@ -6,117 +6,103 @@
       </div>
       <template #content>
         <div class="max-h-[30rem] overflow-y-auto">
-          <div
-            class="columns is-variable is-1 is-mobile m-0 px-4 py-1 border-b border-k-grey"
-          >
-            <div class="column text-k-grey is-1">
-              #
-            </div>
-            <div class="column text-k-grey">
-              {{ $t('massmint.image') }}
-            </div>
-            <div class="column text-k-grey">
-              {{ $t('massmint.name') }}
-            </div>
-            <div class="column is-3 text-k-grey">
-              {{ $t('massmint.description') }}
-            </div>
-            <div class="column text-k-grey">
-              {{ $t('massmint.price') }}
-            </div>
-            <div class="column text-k-grey flex justify-center">
-              <span class="pl-2">{{ $t('massmint.status') }}</span>
-            </div>
-            <div class="column text-k-grey flex justify-center">
-              {{ $t('massmint.operation') }}
-            </div>
-          </div>
-          <div
-            v-for="nft in displayedNFTS"
-            :key="nft.id"
-            class="columns is-variable is-1 is-mobile border-b border-k-shade m-0 py-1 px-4"
-          >
-            <div class="column flex items-center is-1">
-              {{ nft.id }}
-            </div>
-            <div class="column flex items-center">
-              <NeoAvatar
-                :image-component="NuxtImg"
-                class="overflow-hidden m-0"
-                :avatar="nft.imageUrl"
-                :name="nft.name || `${nft.id}`"
-                :size="48"
-                :placeholder="placeholder"
-              />
-            </div>
-            <div class="column flex items-center">
-              <div
-                class="cursor-pointer"
-                :class="{
-                  'text-k-red': !nft.name,
-                }"
-                @click="openSideBarWith(nft)"
+          <table class="table-auto">
+            <thead>
+              <tr>
+                <th>#</th>
+                <th>{{ $t('massmint.image') }}</th>
+                <th>{{ $t('massmint.name') }}</th>
+                <th>{{ $t('massmint.description') }}</th>
+                <th>{{ $t('massmint.price') }}</th>
+                <th><span class="pl-2">{{ $t('massmint.status') }}</span></th>
+                <th>{{ $t('massmint.operation') }}</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="nft in displayedNFTS"
+                :key="nft.id"
+                class="border-b border-k-shade m-0 py-1 px-4"
               >
-                {{ nft.name || '*' + $t('massmint.nameRequired') }}
-              </div>
-            </div>
-            <div class="column is-3 flex items-center">
-              <div
-                class="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap max-w-[90%]"
-                :class="{
-                  'text-k-orange': !nft.description,
-                }"
-                @click="openSideBarWith(nft)"
-              >
-                {{ nft.description || $t('massmint.descriptionMissing') }}
-              </div>
-            </div>
-            <div class="column flex items-center">
-              <div
-                class="cursor-pointer"
-                @click="openSideBarWith(nft)"
-              >
-                <CommonTokenMoney
-                  v-if="nft.price"
-                  :value="getNativeNftPrice(nft)"
-                />
-                <div
-                  v-else
-                  class="text-k-orange"
-                >
-                  {{ $t('massmint.priceMissing') }}
-                </div>
-              </div>
-            </div>
-            <div class="column flex items-center justify-center">
-              <div class="flex items-center pl-2">
-                <div
-                  class="border text-xs justify-center py-2 flex items-center w-[100px]"
-                  :class="statusClass(nft.status)"
-                >
-                  {{ statusTranslation(nft.status) }}
-                </div>
-              </div>
-            </div>
-            <div class="column flex items-center justify-center">
-              <NeoButton
-                icon="edit"
-                size="large"
-                variant="icon"
-                no-shadow
-                @click="openSideBarWith(nft)"
-              />
+                <td>
+                  {{ nft.id }}
+                </td>
+                <td class="flex items-center">
+                  <NeoAvatar
+                    :image-component="NuxtImg"
+                    class="overflow-hidden m-0"
+                    :avatar="nft.imageUrl"
+                    :name="nft.name || `${nft.id}`"
+                    :size="48"
+                    :placeholder="placeholder"
+                  />
+                </td>
+                <td class="flex items-center">
+                  <div
+                    class="cursor-pointer"
+                    :class="{ 'text-k-red': !nft.name }"
+                    @click="openSideBarWith(nft)"
+                  >
+                    {{ nft.name || '*' + $t('massmint.nameRequired') }}
+                  </div>
+                </td>
+                <td class="flex items-center">
+                  <div
+                    class="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap max-w-[90%]"
+                    :class="{ 'text-k-orange': !nft.description }"
+                    @click="openSideBarWith(nft)"
+                  >
+                    {{ nft.description || $t('massmint.descriptionMissing') }}
+                  </div>
+                </td>
+                <td class="flex items-center">
+                  <div
+                    class="cursor-pointer"
+                    @click="openSideBarWith(nft)"
+                  >
+                    <CommonTokenMoney
+                      v-if="nft.price"
+                      :value="getNativeNftPrice(nft)"
+                    />
+                    <div
+                      v-else
+                      class="text-k-orange"
+                    >
+                      {{ $t('massmint.priceMissing') }}
+                    </div>
+                  </div>
+                </td>
+                <td class="flex items-center justify-center">
+                  <div class="flex items-center pl-2">
+                    <div
+                      class="border text-xs justify-center py-2 flex items-center w-[100px]"
+                      :class="statusClass(nft.status)"
+                    >
+                      {{ statusTranslation(nft.status) }}
+                    </div>
+                  </div>
+                </td>
+                <td class="flex items-center justify-center">
+                  <NeoButton
+                    icon="edit"
+                    size="large"
+                    variant="icon"
+                    no-shadow
+                    @click="openSideBarWith(nft)"
+                  />
 
-              <NeoButton
-                icon="trash"
-                size="large"
-                class="ml-3"
-                variant="icon"
-                no-shadow
-                @click="deleteNFT(nft)"
-              />
-            </div>
-          </div>
+                  <NeoButton
+                    icon="trash"
+                    size="large"
+                    class="ml-3"
+                    variant="icon"
+                    no-shadow
+                    @click="deleteNFT(nft)"
+                  />
+                </td>
+              </tr>
+            </tbody>
+          </table>
           <div ref="sentinel" />
         </div>
       </template>
diff --git a/components/migrate/steps/Index.vue b/components/migrate/steps/Index.vue
index 21b4ceaee1..f2f5fecba7 100644
--- a/components/migrate/steps/Index.vue
+++ b/components/migrate/steps/Index.vue
@@ -11,8 +11,8 @@
       {{ $t('migrate.homeButton') }}
     </NeoButton>
 
-    <div class="mt-8 is-centered columns">
-      <div class="is-5-widescreen column">
+    <div class="flex justify-center items-center mt-8">
+      <div class="w-full lg:max-w-lg">
         <h1 class="text-2xl">
           <span
             :class="{

From 3b81c15f2adb9ee943576541f9679d5bbca57066 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 23 Dec 2024 08:58:40 +0100
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=94=A7=20columns=20&=20column=20bulma?=
 =?UTF-8?q?=20to=20tailwind?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/massmint/OverviewTable.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/massmint/OverviewTable.vue b/components/massmint/OverviewTable.vue
index 0ba0af53ba..01b272633f 100644
--- a/components/massmint/OverviewTable.vue
+++ b/components/massmint/OverviewTable.vue
@@ -24,10 +24,10 @@
                 :key="nft.id"
                 class="border-b border-k-shade m-0 py-1 px-4"
               >
-                <td>
+                <td class="!align-middle">
                   {{ nft.id }}
                 </td>
-                <td class="flex items-center">
+                <td class="!align-middle">
                   <NeoAvatar
                     :image-component="NuxtImg"
                     class="overflow-hidden m-0"
@@ -37,7 +37,7 @@
                     :placeholder="placeholder"
                   />
                 </td>
-                <td class="flex items-center">
+                <td class="!align-middle">
                   <div
                     class="cursor-pointer"
                     :class="{ 'text-k-red': !nft.name }"
@@ -46,7 +46,7 @@
                     {{ nft.name || '*' + $t('massmint.nameRequired') }}
                   </div>
                 </td>
-                <td class="flex items-center">
+                <td class="!align-middle">
                   <div
                     class="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap max-w-[90%]"
                     :class="{ 'text-k-orange': !nft.description }"
@@ -55,7 +55,7 @@
                     {{ nft.description || $t('massmint.descriptionMissing') }}
                   </div>
                 </td>
-                <td class="flex items-center">
+                <td class="!align-middle">
                   <div
                     class="cursor-pointer"
                     @click="openSideBarWith(nft)"
@@ -72,7 +72,7 @@
                     </div>
                   </div>
                 </td>
-                <td class="flex items-center justify-center">
+                <td class="!align-middle">
                   <div class="flex items-center pl-2">
                     <div
                       class="border text-xs justify-center py-2 flex items-center w-[100px]"
@@ -82,7 +82,7 @@
                     </div>
                   </div>
                 </td>
-                <td class="flex items-center justify-center">
+                <td class="!align-middle">
                   <NeoButton
                     icon="edit"
                     size="large"

From 0e25dd87cae2da56f76c53848b59cafe66f0e010 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Thu, 26 Dec 2024 03:55:51 +0000
Subject: [PATCH 3/3] [skip netlify]: migrate config .github/renovate.json

---
 .github/renovate.json | 50 +++++++++++++++++++++++++++++--------------
 1 file changed, 34 insertions(+), 16 deletions(-)

diff --git a/.github/renovate.json b/.github/renovate.json
index 01f497d3a6..aaf39b9676 100644
--- a/.github/renovate.json
+++ b/.github/renovate.json
@@ -4,37 +4,55 @@
   "automerge": true,
   "automergeType": "pr-comment",
   "automergeComment": "lgtm",
-  "extends": ["config:base", ":dependencyDashboard"],
+  "extends": [
+    "config:recommended",
+    ":dependencyDashboard"
+  ],
   "prHourlyLimit": 5,
-  "enabledManagers": ["npm"],
+  "enabledManagers": [
+    "npm"
+  ],
   "rangeStrategy": "bump",
   "updatePinnedDependencies": false,
-  "schedule": ["before 3am on Monday"],
+  "schedule": [
+    "before 3am on Monday"
+  ],
   "packageRules": [
     {
-      "matchSourceUrlPrefixes": [
-        "https://github.com/polkadot-js/",
-        "https://github.com/vue-polkadot/",
-        "https://github.com/kodadot/packages",
-        "https://github.com/cloudacy/vue-markdown-render",
-        "https://github.com/FortAwesome/Font-Awesome",
-        "https://github.com/TypeStrong/ts-loader"
-      ],
       "groupName": "merge with hazmat suit extra",
-      "enabled": false
+      "enabled": false,
+      "matchSourceUrls": [
+        "https://github.com/polkadot-js/{/,}**",
+        "https://github.com/vue-polkadot/{/,}**",
+        "https://github.com/kodadot/packages{/,}**",
+        "https://github.com/cloudacy/vue-markdown-render{/,}**",
+        "https://github.com/FortAwesome/Font-Awesome{/,}**",
+        "https://github.com/TypeStrong/ts-loader{/,}**"
+      ]
     },
     {
       "groupName": "Bumped minor version of packages",
       "prHeader": "Bumped minor version of packages, check if builds are still passing, please 🥺",
-      "matchUpdateTypes": ["minor", "patch"],
-      "matchDepTypes": ["dependencies", "devDependencies"]
+      "matchUpdateTypes": [
+        "minor",
+        "patch"
+      ],
+      "matchDepTypes": [
+        "dependencies",
+        "devDependencies"
+      ]
     },
     {
-      "matchUpdateTypes": ["major", "pin"],
+      "matchUpdateTypes": [
+        "major",
+        "pin"
+      ],
       "enabled": false
     },
     {
-      "packageNames": ["node"],
+      "matchPackageNames": [
+        "node"
+      ],
       "enabled": false
     }
   ]