generated from nhcarrigan/template
feat: show app version in sidebar, remove version from about page
Displays the app version below the Elysium title in the sidebar. Removes the separate client/API version cards from the About panel. Also fixes the Vite dev proxy port to match the API server.
This commit is contained in:
@@ -101,17 +101,6 @@ export const AboutPanel = (): React.JSX.Element => {
|
|||||||
<section className="panel about-panel">
|
<section className="panel about-panel">
|
||||||
<h2>ℹ️ About</h2>
|
<h2>ℹ️ About</h2>
|
||||||
|
|
||||||
<div className="about-versions">
|
|
||||||
<div className="about-version-card">
|
|
||||||
<span className="about-version-label">🌐 Client Version</span>
|
|
||||||
<span className="about-version-value">{__WEB_VERSION__}</span>
|
|
||||||
</div>
|
|
||||||
<div className="about-version-card">
|
|
||||||
<span className="about-version-label">⚙️ API Version</span>
|
|
||||||
<span className="about-version-value">{about?.apiVersion ?? "Loading..."}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 className="stats-section-header">📋 Changelog</h3>
|
<h3 className="stats-section-header">📋 Changelog</h3>
|
||||||
{error !== null && <p className="about-error">{error}</p>}
|
{error !== null && <p className="about-error">{error}</p>}
|
||||||
{about === null && error === null && <p className="about-loading">Loading changelog...</p>}
|
{about === null && error === null && <p className="about-loading">Loading changelog...</p>}
|
||||||
|
|||||||
@@ -40,6 +40,7 @@ export const ClickArea = (): React.JSX.Element => {
|
|||||||
return (
|
return (
|
||||||
<section className="click-area">
|
<section className="click-area">
|
||||||
<h1 className="game-title">Elysium</h1>
|
<h1 className="game-title">Elysium</h1>
|
||||||
|
<p className="game-version">v{__WEB_VERSION__}</p>
|
||||||
<h2>Guild Hall</h2>
|
<h2>Guild Hall</h2>
|
||||||
<div className="click-button-wrapper">
|
<div className="click-button-wrapper">
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -173,6 +173,13 @@ body {
|
|||||||
-webkit-text-fill-color: transparent;
|
-webkit-text-fill-color: transparent;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.05em;
|
||||||
|
margin-bottom: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-version {
|
||||||
|
font-size: 0.65rem;
|
||||||
|
color: var(--colour-text-muted);
|
||||||
|
opacity: 0.7;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ export default defineConfig({
|
|||||||
port: 5173,
|
port: 5173,
|
||||||
proxy: {
|
proxy: {
|
||||||
"/api": {
|
"/api": {
|
||||||
target: "http://localhost:3001",
|
target: "http://localhost:3898",
|
||||||
rewrite: (path) => path.replace(/^\/api/, ""),
|
rewrite: (path) => path.replace(/^\/api/, ""),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user