github/databasus
1
1
Fork 0
mirror of https://github.com/databasus/databasus.git synced 2026-04-06 00:32:03 +02:00
Code Issues 3 Packages Projects Releases Wiki Activity

FIX (database): Fix UI text overflow on database page

Browse Source
This commit is contained in:
Rostislav Dugin
2025-07-13 20:32:28 +03:00
parent 56b5e8ac50
commit 8938cd1239
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/features/databases/ui/DatabaseComponent.tsx
View File

@@ -218,7 +218,7 @@ export const DatabaseComponent = ({
)}
<div className="flex flex-wrap gap-10">
<div className="w-[350px]">
<div className="w-[400px]">
<div className="mt-5 flex items-center font-bold">
<div>Database settings</div>
@@ -254,7 +254,7 @@ export const DatabaseComponent = ({
</div>
</div>
<div className="w-[350px]">
<div className="w-[400px]">
<div className="mt-5 flex items-center font-bold">
<div>Backup config</div>
@@ -294,7 +294,7 @@ export const DatabaseComponent = ({
</div>
<div className="flex flex-wrap gap-10">
<div className="w-[350px]">
<div className="w-[400px]">
<div className="mt-5 flex items-center font-bold">
<div>Healthcheck settings</div>
@@ -325,7 +325,7 @@ export const DatabaseComponent = ({
</div>
</div>
<div className="w-[350px]">
<div className="w-[400px]">
<div className="mt-5 flex items-center font-bold">
<div>Notifiers settings</div>

2
frontend/src/features/databases/ui/show/ShowDatabaseSpecificDataComponent.tsx
View File

@@ -36,7 +36,7 @@ export const ShowDatabaseSpecificDataComponent = ({ database }: Props) => {
</div>
<div className="mb-1 flex w-full items-center">
<div className="min-w-[150px]">Host</div>
<div className="min-w-[150px] break-all">Host</div>
<div>{database.postgresql?.host || ''}</div>
</div>