Adjust logo and switch help and settings buttons

This commit is contained in:
2025-12-28 15:09:30 +01:00
parent c21576a443
commit 1008fe0eb6
4 changed files with 30 additions and 13 deletions

View File

@@ -420,13 +420,6 @@ function App() {
</button>
</div>
<button
className="icon-button"
onClick={() => setIsSettingsOpen(true)}
title="Settings"
>
<Settings size={24} />
</button>
<button
className="icon-button"
onClick={() => setShowHelp(true)}
@@ -434,6 +427,13 @@ function App() {
>
<HelpCircle size={24} />
</button>
<button
className="icon-button"
onClick={() => setIsSettingsOpen(true)}
title="Settings"
>
<Settings size={24} />
</button>
</div>
</header>
)}

View File

@@ -3,9 +3,9 @@ import React from 'react';
export const Logo: React.FC<{ className?: string }> = ({ className }) => {
return (
<svg
width="250"
width="260"
height="40"
viewBox="0 0 250 40"
viewBox="0 0 260 40"
xmlns="http://www.w3.org/2000/svg"
className={className}
aria-label="sight-reading.de logo"
@@ -18,7 +18,7 @@ export const Logo: React.FC<{ className?: string }> = ({ className }) => {
</defs>
{/* Icon: Stylized Fermata (Eye) */}
<g transform="translate(10, 8) scale(0.8)">
<g transform="translate(5, 5) scale(1.1)">
{/* The Arc (Eyelid) */}
<path
d="M 2 18 Q 15 -5 28 18"
@@ -33,8 +33,8 @@ export const Logo: React.FC<{ className?: string }> = ({ className }) => {
{/* Text */}
<text
x="45"
y="25"
x="48"
y="28"
fontFamily='"Inter", system-ui, -apple-system, sans-serif'
fontSize="20"
fill="currentColor"