Fix: Improve settings layout and models refresh

Refine settings layout for better visual flow, enlarge settings sidebar for easier viewing, and adjust model refresh logic for more responsive updates.

Refactor: Add more visual weight to the settings panel and optimize model refresh logic.

Refactor: Enhance the visual appeal of settings panel by increasing its width and improving model refresh behavior for better user experience.
This commit is contained in:
n4ze3m
2024-10-12 23:39:31 +05:30
parent 768ff2e555
commit 30eb320c19
2 changed files with 8 additions and 6 deletions

View File

@@ -58,7 +58,7 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
return (
<>
<div className="mx-auto max-w-7xl lg:flex lg:gap-x-16 lg:px-8">
<aside className="flex lg:rounded-md bg-white lg:p-4 lg:mt-20 overflow-x-auto lg:border-0 border-b py-4 lg:block lg:w-72 lg:flex-none dark:bg-[#171717] dark:border-gray-600">
<aside className="flex lg:rounded-md bg-white lg:p-4 lg:mt-20 overflow-x-auto lg:border-0 border-b py-4 lg:block lg:w-80 lg:flex-none dark:bg-[#171717] dark:border-gray-600">
<nav className="flex-none px-4 sm:px-6 lg:px-0">
<ul
role="list"