Better CSS

This commit is contained in:
Gregory Schier
2025-10-24 15:06:08 -07:00
parent b51e37f221
commit b19e036a61
+4 -4
View File
@@ -98,7 +98,8 @@ export function EnvironmentEditor({
}; };
return ( return (
<div className={classNames(className, 'h-full grid grid-rows-[auto_auto_minmax(0,1fr)] gap-2')}> <div className={classNames(className, 'h-full grid grid-rows-[auto_minmax(0,1fr)] gap-2')}>
<div className="flex flex-col gap-4">
<Heading className="w-full flex items-center gap-0.5"> <Heading className="w-full flex items-center gap-0.5">
<EnvironmentColorIndicator clickToEdit environment={environment ?? null} /> <EnvironmentColorIndicator clickToEdit environment={environment ?? null} />
{!hideName && <div className="mr-2">{environment?.name}</div>} {!hideName && <div className="mr-2">{environment?.name}</div>}
@@ -127,7 +128,7 @@ export function EnvironmentEditor({
{environment.public ? 'Sharable' : 'Private'} {environment.public ? 'Sharable' : 'Private'}
</BadgeButton> </BadgeButton>
</Heading> </Heading>
{environment.public && (!isEncryptionEnabled || !allVariableAreEncrypted) ? ( {environment.public && (!isEncryptionEnabled || !allVariableAreEncrypted) && (
<DismissibleBanner <DismissibleBanner
id={`warn-unencrypted-${environment.id}`} id={`warn-unencrypted-${environment.id}`}
color="notice" color="notice"
@@ -142,9 +143,8 @@ export function EnvironmentEditor({
> >
This sharable environment contains plain-text secrets This sharable environment contains plain-text secrets
</DismissibleBanner> </DismissibleBanner>
) : (
<span />
)} )}
</div>
<PairOrBulkEditor <PairOrBulkEditor
className="h-full" className="h-full"
allowMultilineValues allowMultilineValues