diff --git a/build/_frontend/interface.jsx b/build/_frontend/interface.jsx
index 28d0336..be74bef 100644
--- a/build/_frontend/interface.jsx
+++ b/build/_frontend/interface.jsx
@@ -1166,6 +1166,11 @@ function Footer(props) {
target="_blank"
title="opcache-gui (currently version {props.version}) on GitHub"
>https://github.com/amnuts/opcache-gui - version {props.version}
+
+ Sponsor this project
);
}
diff --git a/build/_frontend/interface.scss b/build/_frontend/interface.scss
index 6e54263..3579c75 100644
--- a/build/_frontend/interface.scss
+++ b/build/_frontend/interface.scss
@@ -286,7 +286,8 @@ $footer-border-color: #CCC;
.nav-tab-link-reset,
.nav-tab-link-realtime,
- .github-link {
+ .github-link,
+ .sponsor-link {
background-repeat: no-repeat;
background-color: transparent;
}
@@ -296,21 +297,17 @@ $footer-border-color: #CCC;
background-position: 24px 50%;
}
- .github-link {
- background-position: 5px 50%;
- }
-
.main-footer {
border-top: 1px solid $footer-border-color;
padding: 1em 2em;
}
- .github-link {
+ .github-link,
+ .sponsor-link {
background-position: 0 50%;
padding: 2em 0 2em 2.3em;
text-decoration: none;
opacity: 0.7;
- background-image: url('data:image/svg+xml;utf8,');
font-size: 80%;
&:hover {
@@ -318,6 +315,15 @@ $footer-border-color: #CCC;
}
}
+ .github-link {
+ background-image: url('data:image/svg+xml;utf8,');
+ }
+
+ .sponsor-link {
+ background-image: url('data:image/svg+xml;utf8,');
+ margin-left: 2em;
+ }
+
.file-cache-only {
margin-top: 0;
}