- 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
36 lines
655 B
CSS
36 lines
655 B
CSS
|
|
.copyright {
|
|
text-align: right;
|
|
font-size: 11px;
|
|
color: #808080;
|
|
font-family: "Roboto", sans-serif;
|
|
font-weight: lighter;
|
|
margin: 0;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
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;
|
|
}
|
|
|
|
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;
|
|
}
|