calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-02-10 20:02:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix settings footer buttons break point on mobile

Browse Source
This commit is contained in:
miloschwartz
2025-12-08 10:38:29 -05:00
parent f9b15b9156
commit 0234234108
4 changed files with 60 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/[orgId]/settings/(private)/remote-exit-nodes/[remoteExitNodeId]/credentials/page.tsx
View File

@@ -198,27 +198,25 @@ export default function CredentialsPage() {
</SettingsSectionBody> </SettingsSectionBody>
{build !== "oss" && ( {build !== "oss" && (
<SettingsSectionFooter> <SettingsSectionFooter>
<div className="flex gap-2"> <Button
<Button variant="outline"
variant="outline" onClick={() => {
onClick={() => { setShouldDisconnect(false);
setShouldDisconnect(false); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("regenerateCredentialsButton")}
{t("regenerateCredentialsButton")} </Button>
</Button> <Button
<Button onClick={() => {
onClick={() => { setShouldDisconnect(true);
setShouldDisconnect(true); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("remoteExitNodeRegenerateAndDisconnect")}
{t("remoteExitNodeRegenerateAndDisconnect")} </Button>
</Button>
</div>
</SettingsSectionFooter> </SettingsSectionFooter>
)} )}
</SettingsSection> </SettingsSection>

48
src/app/[orgId]/settings/clients/machine/[niceId]/credentials/page.tsx
View File

@@ -182,27 +182,25 @@ export default function CredentialsPage() {
</SettingsSectionBody> </SettingsSectionBody>
{build !== "oss" && ( {build !== "oss" && (
<SettingsSectionFooter> <SettingsSectionFooter>
<div className="flex gap-2"> <Button
<Button variant="outline"
variant="outline" onClick={() => {
onClick={() => { setShouldDisconnect(false);
setShouldDisconnect(false); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("regenerateCredentialsButton")}
{t("regenerateCredentialsButton")} </Button>
</Button> <Button
<Button onClick={() => {
onClick={() => { setShouldDisconnect(true);
setShouldDisconnect(true); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("clientRegenerateAndDisconnect")}
{t("clientRegenerateAndDisconnect")} </Button>
</Button>
</div>
</SettingsSectionFooter> </SettingsSectionFooter>
)} )}
</SettingsSection> </SettingsSection>
@@ -229,9 +227,7 @@ export default function CredentialsPage() {
)} )}
</p> </p>
<p> <p>
{t( {t("clientRegenerateAndDisconnectWarning")}
"clientRegenerateAndDisconnectWarning"
)}
</p> </p>
</> </>
) : ( ) : (
@@ -241,9 +237,7 @@ export default function CredentialsPage() {
"clientRegenerateCredentialsConfirmation" "clientRegenerateCredentialsConfirmation"
)} )}
</p> </p>
<p> <p>{t("clientRegenerateCredentialsWarning")}</p>
{t("clientRegenerateCredentialsWarning")}
</p>
</> </>
)} )}
</div> </div>

40
src/app/[orgId]/settings/sites/[niceId]/credentials/page.tsx
View File

@@ -265,27 +265,25 @@ export default function CredentialsPage() {
</SettingsSectionBody> </SettingsSectionBody>
{build !== "oss" && ( {build !== "oss" && (
<SettingsSectionFooter> <SettingsSectionFooter>
<div className="flex gap-2"> <Button
<Button variant="outline"
variant="outline" onClick={() => {
onClick={() => { setShouldDisconnect(false);
setShouldDisconnect(false); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("regenerateCredentialsButton")}
{t("regenerateCredentialsButton")} </Button>
</Button> <Button
<Button onClick={() => {
onClick={() => { setShouldDisconnect(true);
setShouldDisconnect(true); setModalOpen(true);
setModalOpen(true); }}
}} disabled={isSecurityFeatureDisabled()}
disabled={isSecurityFeatureDisabled()} >
> {t("siteRegenerateAndDisconnect")}
{t("siteRegenerateAndDisconnect")} </Button>
</Button>
</div>
</SettingsSectionFooter> </SettingsSectionFooter>
)} )}
</SettingsSection> </SettingsSection>

2
src/components/Settings.tsx
View File

@@ -66,7 +66,7 @@ export function SettingsSectionFooter({
children: React.ReactNode; children: React.ReactNode;
}) { }) {
return ( return (
<div className="flex justify-end space-x-2 mt-auto pt-6"> <div className="flex flex-col md:flex-row justify-end space-y-2 md:space-y-0 md:space-x-2 mt-auto pt-6">
{children} {children}
</div> </div>
); );