xfox111/PasswordGeneratorExtension
1
0
Fork 0
mirror of https://github.com/XFox111/PasswordGeneratorExtension.git synced 2026-07-02 19:52:43 +03:00
Code Wiki Activity

Patch 5.1.7 (#631)

Browse Source 
* npm package update/npm audit fix/manifest version update

* Dependabot grouping update

* Minor branding update

* Updated copyright dates

* Bumped typescript to 6.0.3
This commit is contained in:
Eugene Fox
2026-05-17 19:22:44 +12:00
committed by GitHub
parent 0b4d05686d
commit 6881ab9dbc
9 changed files with 1601 additions and 1924 deletions
Download Patch File Download Diff File Expand all files Collapse all files
entrypoints/options/AboutSection.styles.ts
+7 -1
View File
@@ -6,11 +6,17 @@ export const useStyles = makeStyles({
display: "flex",
flexDirection: "column",
gap: tokens.spacingVerticalM,
padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalM}`,
padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalM}`
},
horizontalContainer:
{
display: "flex",
gap: tokens.spacingHorizontalSNudge,
},
img:
{
height: "100px",
alignSelf: "flex-end",
flexGrow: 1
}
});
entrypoints/options/AboutSection.tsx
+18 -16
View File
@@ -18,11 +18,16 @@ export default function AboutSection(): ReactElement
<fui.Caption1 as="span">v{ browser.runtime.getManifest().version }</fui.Caption1>
</header>
<fui.Text as="p">
{ i18n.t("about.developed_by") } ({ link("@xfox111.net", personalLinks.social) })
<br />
{ i18n.t("about.licensed_under") } { link(i18n.t("about.mit_license"), githubLinks.license) }
</fui.Text>
<div className={ cls.horizontalContainer }>
<fui.Button { ...buttonProps(getFeedbackLink(), <PersonFeedbackRegular />) }>
{ i18n.t("about.cta.feedback") }
</fui.Button>
<fui.FluentProvider theme={ bmcTheme }>
<fui.Button { ...buttonProps(personalLinks.donation, <img style={ { height: 20 } } src="bmc.svg" />) }>
{ i18n.t("about.cta.sponsor") }
</fui.Button>
</fui.FluentProvider>
</div>
<fui.Text as="p">
{ i18n.t("about.translation_cta.text") }<br />
@@ -35,16 +40,13 @@ export default function AboutSection(): ReactElement
{ link(i18n.t("about.links.changelog"), githubLinks.changelog) }
</fui.Text>
<div className={ cls.horizontalContainer }>
<fui.Button { ...buttonProps(getFeedbackLink(), <PersonFeedbackRegular />) }>
{ i18n.t("about.cta.feedback") }
</fui.Button>
<fui.FluentProvider theme={ bmcTheme }>
<fui.Button { ...buttonProps(personalLinks.donation, <img style={ { height: 20 } } src="bmc.svg" />) }>
{ i18n.t("about.cta.sponsor") }
</fui.Button>
</fui.FluentProvider>
</div>
<fui.Text as="p">
{ i18n.t("about.developed_by") } ({ link("@xfox111.net", personalLinks.social) })
<br />
{ i18n.t("about.licensed_under") } { link(i18n.t("about.mit_license"), githubLinks.license) }
</fui.Text>
<fui.Image className={ cls.img } src="/fox.svg" />
</section>
);
};
@@ -53,7 +55,7 @@ const link = (text: string, href: string): ReactNode => (
<fui.Link target="_blank" href={ href }>{ text }</fui.Link>
);
const buttonProps = (href: string, icon: JSX.Element): fui.ButtonProps => (
const buttonProps = (href: string, icon: ReactElement): fui.ButtonProps => (
{
as: "a", target: "_blank", href,
appearance: "primary", icon