External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: agent-card.tsx overflow on mobile.

Browse Source
This commit is contained in:
charlesgauthereau
2026-01-11 12:23:32 +01:00
parent 09a1e75acf
commit a3a20bee4a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/wrappers/dashboard/agent/agent-card/agent-card.tsx
+3 -3
View File
@@ -37,7 +37,7 @@ export const AgentCard = (props: agentCardProps) => {
<div className="flex-1 min-w-0 flex flex-col gap-1.5"> <div className="flex-1 min-w-0 flex flex-col gap-1.5">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<h3 className="text-lg font-black text-foreground group-hover:text-primary transition-colors truncate tracking-tight leading-none"> <h3 className="text-lg font-black text-foreground group-hover:text-primary transition-colors truncate tracking-tight ">
{agent.name} {agent.name}
</h3> </h3>
{agent.version && ( {agent.version && (
@@ -48,7 +48,7 @@ export const AgentCard = (props: agentCardProps) => {
</div> </div>
<div className="flex items-center gap-4 text-muted-foreground group-hover:text-foreground transition-colors"> <div className="flex items-center gap-4 text-muted-foreground group-hover:text-foreground transition-colors">
<div className="flex items-center gap-1.5 min-w-0"> <div className="hidden sm:flex items-center gap-1.5 min-w-0">
<Fingerprint className="w-3.5 h-3.5 shrink-0" /> <Fingerprint className="w-3.5 h-3.5 shrink-0" />
<span className="font-mono text-xs font-bold truncate opacity-80"> <span className="font-mono text-xs font-bold truncate opacity-80">
{agent.id} {agent.id}
@@ -62,7 +62,7 @@ export const AgentCard = (props: agentCardProps) => {
</button> </button>
</div> </div>
<div className="hidden sm:flex items-center gap-1.5 shrink-0"> <div className="flex items-center gap-1.5 shrink-0">
<Database className="w-3.5 h-3.5" /> <Database className="w-3.5 h-3.5" />
<span className="text-xs font-bold uppercase tracking-tight opacity-80"> <span className="text-xs font-bold uppercase tracking-tight opacity-80">
{agent.databases?.length ?? 0} DBs {agent.databases?.length ?? 0} DBs