fix: Center tokens loader

vriteio · Jul 4, 2024 · 62259f6 · 62259f6
1 parent da76c04
commit 62259f6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/apps/web/src/views/settings/api/index.tsx b/apps/web/src/views/settings/api/index.tsx
@@ -245,7 +245,14 @@ const APISection: SettingsSectionComponent = (props) => {
         </CollapsibleSection>
       </Show>
       <CollapsibleSection icon={mdiShieldKey} label="Access tokens">
-        <Show when={tokens().length || !loading()} fallback={<Loader />}>
+        <Show
+          when={tokens().length || !loading()}
+          fallback={
+            <div class="flex justify-center items-center w-full">
+              <Loader />
+            </div>
+          }
+        >
           <For each={tokens()} fallback={<p class="px-2 w-full text-start">No tokens found</p>}>
             {(token) => {
               return (