diff --git a/frontend/package.json b/frontend/package.json index 99090e4..e0e4a8b 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -1,6 +1,6 @@ { "name": "frontend", - "version": "0.1.0", + "version": "1.1.0", "private": true, "dependencies": { "@dnd-kit/core": "^6.3.1", diff --git a/frontend/src/Components/ComponentUtils/Css/Footer.css b/frontend/src/Components/ComponentUtils/Css/Footer.css index dbc16f5..1989cdc 100644 --- a/frontend/src/Components/ComponentUtils/Css/Footer.css +++ b/frontend/src/Components/ComponentUtils/Css/Footer.css @@ -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; - + text-decoration: none; + transition: color 0.2s ease; +} + +footer a:hover { + color: #333; + text-decoration: underline; } diff --git a/frontend/src/Components/ComponentUtils/Footer.js b/frontend/src/Components/ComponentUtils/Footer.js index 8e266ad..eef2799 100644 --- a/frontend/src/Components/ComponentUtils/Footer.js +++ b/frontend/src/Components/ComponentUtils/Footer.js @@ -3,9 +3,17 @@ import React from 'react' import './Css/Footer.css' function Footer() { + const version = window._env_?.APP_VERSION || '1.1.0'; + return ( ) }