github-starred/komodo
2
0
Fork 1
mirror of https://github.com/moghtech/komodo.git synced 2026-03-11 17:44:19 -05:00
Code Issues 258 Packages Projects Releases 10 Wiki Activity

improve config styling a bit more

Browse Source
This commit is contained in:
mbecker20
2026-01-23 01:10:06 -08:00
parent 50c3d77aed
commit 5c1a17fc91
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/config/index.tsx
View File

@@ -161,11 +161,11 @@ export const Config = <T,>({
>
<div className="flex gap-6">
{!disableSidebar && (
<div className="hidden xl:block relative pr-6 border-r">
<div className="hidden xl:block relative pr-6 border-r border-t rounded-md">
<div className="sticky top-24 hidden xl:flex flex-col gap-4 w-[140px] pb-24">
<div
className={cn(
"flex flex-col gap-8 h-fit overflow-auto max-h-[calc(100vh-130px)]",
"flex flex-col gap-8 h-fit pt-4 overflow-auto max-h-[calc(100vh-130px)]",
changesMade && "max-h-[calc(100vh-220px)]",
)}
>
@@ -173,7 +173,7 @@ export const Config = <T,>({
<div key={section}>
<div className="flex items-center gap-2 justify-end text-muted-foreground mb-2">
<Bookmark className="w-4 h-4" />
<p className="uppercase">{section || "General"}</p>
<p className="uppercase">{section || "GENERAL"}</p>
</div>
<div className="flex flex-col gap-2">
{components[section] &&

2
frontend/src/components/layouts.tsx
View File

@@ -190,7 +190,7 @@ export const Section = ({
{(title || icon || titleRight || titleOther || actions) && (
<div
className={cn(
"flex flex-wrap gap-4 justify-between",
"flex flex-wrap gap-4 justify-between mb-3",
itemsCenterTitleRow ? "items-center" : "items-start"
)}
>