fix colors and footer

This commit is contained in:
miloschwartz
2025-11-03 21:44:34 -08:00
parent 83e0282212
commit 52a311bf36
5 changed files with 41 additions and 41 deletions

View File

@@ -2102,5 +2102,6 @@
"deviceOrganizationsAccess": "Access to all organizations your account has access to", "deviceOrganizationsAccess": "Access to all organizations your account has access to",
"deviceAuthorize": "Authorize {applicationName}", "deviceAuthorize": "Authorize {applicationName}",
"deviceConnected": "Device Connected!", "deviceConnected": "Device Connected!",
"deviceAuthorizedMessage": "Your device is authorized to access your account." "deviceAuthorizedMessage": "Your device is authorized to access your account.",
"pangolinCloud": "Pangolin Cloud"
} }

View File

@@ -45,11 +45,10 @@ export class PrivateConfig {
this.rawPrivateConfig = parsedPrivateConfig; this.rawPrivateConfig = parsedPrivateConfig;
if (this.rawPrivateConfig.branding?.hide_auth_layout_footer) { process.env.BRANDING_HIDE_AUTH_LAYOUT_FOOTER =
process.env.HIDE_AUTH_LAYOUT_FOOTER = JSON.stringify( this.rawPrivateConfig.branding?.hide_auth_layout_footer === true
this.rawPrivateConfig.branding?.hide_auth_layout_footer ? "true"
); : "false";
}
if (this.rawPrivateConfig.branding?.colors) { if (this.rawPrivateConfig.branding?.colors) {
process.env.BRANDING_COLORS = JSON.stringify( process.env.BRANDING_COLORS = JSON.stringify(

View File

@@ -76,35 +76,37 @@ export default async function AuthLayout({ children }: AuthLayoutProps) {
</span> </span>
</a> </a>
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<a <span>
href="https://pangolin.net/terms-of-service.html" {build === "oss"
target="_blank" ? t("communityEdition")
rel="noopener noreferrer" : build === "enterprise"
aria-label="GitHub" ? t("enterpriseEdition")
className="flex items-center space-x-2 whitespace-nowrap" : t("pangolinCloud")}
> </span>
<span>{t("terms")}</span> {build === "saas" && (
</a> <>
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<a <a
href="https://pangolin.net/privacy-policy.html" href="https://pangolin.net/terms-of-service.html"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
aria-label="GitHub" aria-label="GitHub"
className="flex items-center space-x-2 whitespace-nowrap" className="flex items-center space-x-2 whitespace-nowrap"
> >
<span>{t("privacy")}</span> <span>{t("terms")}</span>
</a> </a>
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<a <a
href="https://github.com/fosrl/pangolin/blob/main/SECURITY.md" href="https://pangolin.net/privacy-policy.html"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
aria-label="GitHub" aria-label="GitHub"
className="flex items-center space-x-2 whitespace-nowrap" className="flex items-center space-x-2 whitespace-nowrap"
> >
<span>{t("security")}</span> <span>{t("privacy")}</span>
</a> </a>
</>
)}
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<a <a
href="https://docs.pangolin.net" href="https://docs.pangolin.net"
@@ -116,8 +118,6 @@ export default async function AuthLayout({ children }: AuthLayoutProps) {
<span>{t("docs")}</span> <span>{t("docs")}</span>
</a> </a>
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<span>{t("communityEdition")}</span>
<Separator orientation="vertical" />
<a <a
href="https://github.com/fosrl/pangolin" href="https://github.com/fosrl/pangolin"
target="_blank" target="_blank"

View File

@@ -86,7 +86,7 @@ export function DeviceAuthConfirmation({
<div className="space-y-3"> <div className="space-y-3">
<div className="flex items-start gap-3 p-3 bg-muted rounded-lg"> <div className="flex items-start gap-3 p-3 bg-muted rounded-lg">
<Monitor className="h-5 w-5 text-gray-600 mt-0.5" /> <Monitor className="h-5 w-5 mt-0.5" />
<div className="flex-1"> <div className="flex-1">
<p className="text-sm font-medium"> <p className="text-sm font-medium">
{metadata.applicationName} {metadata.applicationName}
@@ -106,11 +106,11 @@ export function DeviceAuthConfirmation({
<p className="text-sm font-medium">{t("deviceExistingAccess")}</p> <p className="text-sm font-medium">{t("deviceExistingAccess")}</p>
<div className="space-y-1 pl-4"> <div className="space-y-1 pl-4">
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 text-sm">
<CheckCircle2 className="h-4 w-4 text-green-600" /> <CheckCircle2 className="h-4 w-4 text-green-500" />
<span>{t("deviceFullAccess")}</span> <span>{t("deviceFullAccess")}</span>
</div> </div>
<div className="flex items-center gap-2 text-sm"> <div className="flex items-center gap-2 text-sm">
<CheckCircle2 className="h-4 w-4 text-green-600" /> <CheckCircle2 className="h-4 w-4 text-green-500" />
<span> <span>
{t("deviceOrganizationsAccess")} {t("deviceOrganizationsAccess")}
</span> </span>

View File

@@ -16,7 +16,7 @@ const alertVariants = cva(
"border-green-500/50 border bg-green-500/10 text-green-500 dark:border-success [&>svg]:text-green-500", "border-green-500/50 border bg-green-500/10 text-green-500 dark:border-success [&>svg]:text-green-500",
info: "border-blue-500/50 border bg-blue-500/10 text-blue-800 dark:border-blue-400 [&>svg]:text-blue-500", info: "border-blue-500/50 border bg-blue-500/10 text-blue-800 dark:border-blue-400 [&>svg]:text-blue-500",
warning: warning:
"border-yellow-500/50 border bg-yellow-500/10 text-yellow-800 dark:border-yellow-400 [&>svg]:text-yellow-500" "border-yellow-500 border text-yellow-800 bg-yellow-500/20 dark:bg-yellow-800/20 dark:text-yellow-100 dark:border-yellow-700 [&>svg]:text-yellow-500"
} }
}, },
defaultVariants: { defaultVariants: {