Merge pull request #86 from ThePangel/main

Added the ability to resize the callsign.

src/components/Header.jsx

@@ -36,7 +36,11 @@ export const Header = ({
       {/* Callsign & Settings */}
       <div style={{ display: 'flex', alignItems: 'center', gap: '12px', flexShrink: 0 }}>
         <span
-          style={{ fontSize: '22px', fontWeight: '900', color: 'var(--accent-amber)', cursor: 'pointer', fontFamily: 'Orbitron, monospace', whiteSpace: 'nowrap' }}
+          style={{
+            fontSize: config.callsignSize > 0.1 && config.callsignSize <= 2
+              ? `${22 * config.callsignSize}px`
+              : "22px", fontWeight: '900', color: 'var(--accent-amber)', cursor: 'pointer', fontFamily: 'Orbitron, monospace', whiteSpace: 'nowrap'
+          }}
           onClick={onSettingsClick}
           title="Click for settings"
         >

src/components/SettingsPanel.jsx

@@ -9,6 +9,7 @@ import { LANGUAGES } from '../lang/i18n.js';
 
 export const SettingsPanel = ({ isOpen, onClose, config, onSave }) => {
   const [callsign, setCallsign] = useState(config?.callsign || '');
+  const [callsignSize, setCallsignSize] = useState(config?.callsignSize || 1.0);
   const [gridSquare, setGridSquare] = useState('');
   const [lat, setLat] = useState(config?.location?.lat || 0);
   const [lon, setLon] = useState(config?.location?.lon || 0);
@@ -25,6 +26,7 @@ export const SettingsPanel = ({ isOpen, onClose, config, onSave }) => {
   useEffect(() => {
     if (config) {
       setCallsign(config.callsign || '');
+      setCallsignSize(config.callsignSize || 1.0)
       setLat(config.location?.lat || 0);
       setLon(config.location?.lon || 0);
       setTheme(config.theme || 'dark');
@@ -147,6 +149,7 @@ export const SettingsPanel = ({ isOpen, onClose, config, onSave }) => {
     onSave({
       ...config,
       callsign: callsign.toUpperCase(),
+      callsignSize: callsignSize,
       location: { lat: parseFloat(lat), lon: parseFloat(lon) },
       theme,
       layout,
@@ -302,6 +305,35 @@ export const SettingsPanel = ({ isOpen, onClose, config, onSave }) => {
               />
             </div>
 
+            {/* Callsign Size*/}
+            <div style={{ marginBottom: '20px'}}>
+              <div>
+                <label style={{ display: 'block', marginBottom: '6px', color: 'var(--text-muted)', fontSize: '11px', textTransform: 'uppercase' }}>
+                  {t('station.settings.callsignSize')}
+                </label>
+                <input
+                  type="number"
+                  step="0.1"
+                  value={isNaN(lat) ? '' : callsignSize}
+                  onChange={(e) => {
+                    if (e.target.value >= 0.1 && e.target.value <= 2.0) {
+                      setCallsignSize(e.target.value)
+                    }}}
+                  style={{
+                    width: '100%',
+                    padding: '10px',
+                    background: 'var(--bg-tertiary)',
+                    border: '1px solid var(--border-color)',
+                    borderRadius: '6px',
+                    color: 'var(--text-primary)',
+                    fontSize: '14px',
+                    fontFamily: 'JetBrains Mono, monospace',
+                    boxSizing: 'border-box'
+                  }}
+                />
+              </div>
+            </div>
+            
             {/* Grid Square */}
             <div style={{ marginBottom: '20px' }}>
               <label style={{ display: 'block', marginBottom: '6px', color: 'var(--text-muted)', fontSize: '11px', textTransform: 'uppercase', letterSpacing: '1px' }}>

src/lang/en.json

@@ -14,6 +14,7 @@
   "station.settings.button.save": "Save Settings",
   "station.settings.button.save.confirm": "Settings saved to your browser",
   "station.settings.callsign": "Your Callsign",
+  "station.settings.callsignSize": "Your Callsign's size",
   "station.settings.describe": "Enter your callsign and grid square to get started. Settings are saved in your browser.",
   "station.settings.dx.describe": "→ Real-time DX Spider feed via our dedicated proxy service",
   "station.settings.dx.option1": "⭐ DX Spider Proxy (Recommended)",

src/lang/es.json

@@ -14,6 +14,7 @@
   "station.settings.button.save": "Guardar Configuración",
   "station.settings.button.save.confirm": "La configuración se guarda en tu navegador",
   "station.settings.callsign": "Tu Indicativo",
+  "station.settings.callsignSize": "El tamaño de tu Indicativo",
   "station.settings.describe": "Ingresa tu indicativo y cuadrícula para comenzar. Tu configuración se guardará en el navegador.",
   "station.settings.dx.describe": "→ Feed en tiempo real de DX Spider a través de nuestro servicio proxy dedicado",
   "station.settings.dx.option1": "⭐ Proxy DX Spider (Recomendado)",

src/utils/config.js

@@ -10,6 +10,7 @@
 
 export const DEFAULT_CONFIG = {
   callsign: 'N0CALL',
+  callsignSize: 1.0, // Float multiplies base px size (0.1 to 2.0)
   locator: '',
   location: { lat: 40.0150, lon: -105.2705 }, // Boulder, CO (default)
   defaultDX: { lat: 35.6762, lon: 139.6503 }, // Tokyo