feat: footer with source code link
This commit is contained in:
@@ -593,6 +593,58 @@ button:hover:not(:disabled) {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 8px;
|
||||
padding: 14px 18px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 14px;
|
||||
background: var(--surface);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.footer-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.version-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 6px 10px;
|
||||
border-radius: 999px;
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.03em;
|
||||
background: var(--pill);
|
||||
border: 1px solid var(--pill-border);
|
||||
color: var(--pill-text);
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: var(--ink);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.footer-link:hover {
|
||||
color: var(--link);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.gitea-icon {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
body {
|
||||
padding: 18px;
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "Von",
|
||||
"to": "An"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Quellcode auf Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "Warten auf Verbindung…",
|
||||
"preparingConnect": "Verbindung wird vorbereitet…",
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "From",
|
||||
"to": "To"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Source on Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "Waiting to connect…",
|
||||
"preparingConnect": "Preparing to connect…",
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "De",
|
||||
"to": "Para"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Código fuente en Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "Esperando conexión…",
|
||||
"preparingConnect": "Preparando conexión…",
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "De",
|
||||
"to": "À"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Code source sur Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "En attente de connexion…",
|
||||
"preparingConnect": "Préparation de la connexion…",
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "Da",
|
||||
"to": "A"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Codice sorgente su Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "In attesa di connessione…",
|
||||
"preparingConnect": "Preparazione della connessione…",
|
||||
|
||||
@@ -56,6 +56,9 @@
|
||||
"from": "Från",
|
||||
"to": "Till"
|
||||
},
|
||||
"footer": {
|
||||
"repo": "Källkod på Gitea"
|
||||
},
|
||||
"status": {
|
||||
"waiting": "Väntar på anslutning…",
|
||||
"preparingConnect": "Förbereder anslutning…",
|
||||
|
||||
28
app/page.tsx
28
app/page.tsx
@@ -563,6 +563,34 @@ export default function HomePage() {
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<footer className="footer">
|
||||
<div className="footer-left">
|
||||
<span className="version-pill">1</span>
|
||||
</div>
|
||||
<a
|
||||
className="footer-link"
|
||||
href="https://gitea.wittrail.com/wittrail/polynote"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
<svg className="gitea-icon" viewBox="0 0 64 64" role="img" aria-hidden="true">
|
||||
<path
|
||||
fill="#61b872"
|
||||
d="M8 14.5c0-2 1.6-3.5 3.5-3.5h32c1.9 0 3.5 1.5 3.5 3.5l-1.7 15.4C44.5 38.9 37 45 28.6 45h-8.9c-6.5 0-11.9-4.8-12.7-11.3L8 14.5Z"
|
||||
/>
|
||||
<path
|
||||
fill="#4a7c59"
|
||||
d="M44 18h5.6c3.7 0 6.5 3.4 5.7 7-0.8 3.6-4.1 6-7.8 6H44"
|
||||
/>
|
||||
<path
|
||||
fill="#9adf72"
|
||||
d="M22.8 19.2c4 1.2 7.7 4.3 8.9 8.6-4.1-1-7.8-4.2-8.9-8.6Z"
|
||||
/>
|
||||
</svg>
|
||||
<span>{t("footer.repo")}</span>
|
||||
</a>
|
||||
</footer>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user