feat(frontend): Update footer with version info and attribution
- Display app version dynamically from window._env_.APP_VERSION - Credit original author (vallezw) with link to original repo - Credit extended version (lotzm) with link to Gitea repo - Update package.json version to 1.1.0 Footer styling: - Position fixed at bottom-right corner of viewport - Unobtrusive design with small font size (11px) - Semi-transparent background with subtle shadow - Stays visible while scrolling - Hover effect on links for better UX Changes: - frontend/package.json: version 0.1.0 → 1.1.0 - Footer.js: Dynamic version display, attribution links - Footer.css: Fixed positioning, responsive styling
This commit is contained in:
parent
d25fc58b76
commit
ddc7e787b3
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "frontend",
|
||||
"version": "0.1.0",
|
||||
"version": "1.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@dnd-kit/core": "^6.3.1",
|
||||
|
|
|
|||
|
|
@ -1,25 +1,35 @@
|
|||
|
||||
.copyright {
|
||||
text-align:center;
|
||||
font-size:13px;
|
||||
color:#aaa;
|
||||
font-family: "Roboto";
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
color: #808080;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-weight: lighter;
|
||||
margin: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 99%;
|
||||
height: 2.5rem;
|
||||
right: 0;
|
||||
padding: 10px;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
border-top-left-radius: 8px;
|
||||
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
a {
|
||||
text-align:center;
|
||||
font-size:13px;
|
||||
color:#aaa;
|
||||
font-family: "Roboto";
|
||||
footer a {
|
||||
font-size: 11px;
|
||||
color: #777;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-weight: lighter;
|
||||
text-decoration: none;
|
||||
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
footer a:hover {
|
||||
color: #333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,9 +3,17 @@ import React from 'react'
|
|||
import './Css/Footer.css'
|
||||
|
||||
function Footer() {
|
||||
const version = window._env_?.APP_VERSION || '1.1.0';
|
||||
|
||||
return (
|
||||
<footer>
|
||||
{/*<p className="copyright">Made by <a href="https://github.com/vallezw" target="_blank">Valentin Zwerschke</a> | <a href="https://github.com/vallezw/Image-Uploader" target="_blank" >vallezw/Image-Uploader</a></p>*/}
|
||||
<p className="copyright">
|
||||
Based on <a href="https://github.com/vallezw/Image-Uploader" target="_blank" rel="noopener noreferrer">Image-Uploader by vallezw</a>
|
||||
{' | '}
|
||||
Extended by <a href="https://gitea.lan.hobbyhimmel.de/hobbyhimmel/Project-Image-Uploader" target="_blank" rel="noopener noreferrer">Hobbyhimmel</a>
|
||||
{' | '}
|
||||
v{version}
|
||||
</p>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user