diff --git a/.github/workflows/feature.yml b/.github/workflows/feature.yml index c59c1f824..aef3ed552 100644 --- a/.github/workflows/feature.yml +++ b/.github/workflows/feature.yml @@ -17,12 +17,11 @@ jobs: - name: Setup Node.js uses: actions/setup-node@v3 with: - node-version: '16' + node-version: '18' cache: 'npm' - name: Install dependencies run: | - npm set-script prepare "" npm ci --force - name: Lint diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index e5a86c3e2..e594dec0f 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -20,12 +20,11 @@ jobs: - name: Setup Node.js uses: actions/setup-node@v3 with: - node-version: '16' + node-version: '18' cache: 'npm' - name: Install dependencies run: | - npm set-script prepare "" npm ci --force - name: Lint diff --git a/components/bridge/AccountButton.vue b/components/bridge/AccountButton.vue index 5f1944fdf..f66417145 100644 --- a/components/bridge/AccountButton.vue +++ b/components/bridge/AccountButton.vue @@ -93,7 +93,7 @@ const logout = () => { diff --git a/components/common/Checkbox.vue b/components/common/Checkbox.vue index 7f07fc1aa..846aa9e62 100644 --- a/components/common/Checkbox.vue +++ b/components/common/Checkbox.vue @@ -7,8 +7,8 @@
{ } } .inset { - @apply absolute top-1/2 left-1/2 aspect-square w-9/12 -translate-x-1/2 -translate-y-1/2 rounded-full bg-gray dark:bg-neutral-900; + @apply absolute left-1/2 top-1/2 aspect-square w-9/12 -translate-x-1/2 -translate-y-1/2 rounded-full bg-gray dark:bg-neutral-900; } @keyframes animateCircle { diff --git a/components/common/EmptyBlock.vue b/components/common/EmptyBlock.vue index fd1226054..9a231d2db 100644 --- a/components/common/EmptyBlock.vue +++ b/components/common/EmptyBlock.vue @@ -8,6 +8,6 @@ diff --git a/components/common/ErrorBlock.vue b/components/common/ErrorBlock.vue index 156db94a1..746a7fe18 100644 --- a/components/common/ErrorBlock.vue +++ b/components/common/ErrorBlock.vue @@ -31,7 +31,7 @@ const emit = defineEmits<{ @apply mr-3 block h-7 w-7; } .error-block-text-container { - @apply whitespace-pre-line break-words line-clamp-6; + @apply line-clamp-6 whitespace-pre-line break-words; word-break: break-word; } } diff --git a/components/common/SmallInput.vue b/components/common/SmallInput.vue index db865a376..72cf945cd 100644 --- a/components/common/SmallInput.vue +++ b/components/common/SmallInput.vue @@ -76,7 +76,7 @@ const inputted = computed({
{{ selectedNetwork.shortName }} -
@@ -99,7 +99,7 @@ const viewOnExplorerModalOpened = ref(false); @apply transition-colors hover:bg-gray-200 dark:hover:bg-neutral-900; } .menu-panel { - @apply absolute left-0 bottom-0 z-10 grid h-max w-56 rounded-lg bg-white shadow-lg ring-1 ring-gray-900/5 focus:outline-none dark:bg-neutral-900 md:-left-px md:-top-px md:p-px; + @apply absolute bottom-0 left-0 z-10 grid h-max w-56 rounded-lg bg-white shadow-lg ring-1 ring-gray-900/5 focus:outline-none dark:bg-neutral-900 md:-left-px md:-top-px md:p-px; grid-template-areas: "menu-options" "account-button"; diff --git a/components/sidebar/Sidebar.vue b/components/sidebar/Sidebar.vue index 76b8c4980..fe5e909a7 100644 --- a/components/sidebar/Sidebar.vue +++ b/components/sidebar/Sidebar.vue @@ -74,7 +74,7 @@ const networkChangeModalOpened = ref(false); grid-area: menu / menu / menu / menu; @media screen and (min-width: 720px) { - @apply top-0 bottom-auto max-h-[calc(100vh_-_72px)] px-4 py-8 lg:max-h-[calc(100vh_-_72px_-_12px)]; + @apply bottom-auto top-0 max-h-[calc(100vh_-_72px)] px-4 py-8 lg:max-h-[calc(100vh_-_72px_-_12px)]; } @media screen and (min-width: 1024px) { @apply px-6; @@ -87,7 +87,7 @@ const networkChangeModalOpened = ref(false); @apply flex justify-around space-y-1 pr-3 md:mt-6 md:flex-col md:pr-0; } .navbar-link { - @apply flex items-center rounded-2xl bg-transparent text-gray-secondary no-underline transition-colors md:w-full md:py-3 md:px-4 md:hover:bg-gray-200/60 dark:md:hover:bg-neutral-800; + @apply flex items-center rounded-2xl bg-transparent text-gray-secondary no-underline transition-colors md:w-full md:px-4 md:py-3 md:hover:bg-gray-200/60 dark:md:hover:bg-neutral-800; @apply dark:text-white; &.router-link-exact-active { @apply bg-white text-primary-400 dark:bg-neutral-900 dark:text-white; @@ -100,7 +100,7 @@ const networkChangeModalOpened = ref(false); @apply h-6 w-6 text-inherit; } .navbar-link-label { - @apply mr-auto ml-4 hidden text-left font-medium leading-4 tracking-[-0.1px] xl:block; + @apply ml-4 mr-auto hidden text-left font-medium leading-4 tracking-[-0.1px] xl:block; } } .navbar-bottom { diff --git a/components/transaction/AllowanceModal.vue b/components/transaction/AllowanceModal.vue index 4803ffac3..c7e2ad9ff 100644 --- a/components/transaction/AllowanceModal.vue +++ b/components/transaction/AllowanceModal.vue @@ -77,7 +77,7 @@