style: 'FIFA World Cup 2026' as golden subtitle under 'Tippspiel'
Build & Deploy Tippspiel / build (push) Successful in 51s
Build & Deploy Tippspiel / build (push) Successful in 51s
This commit is contained in:
@@ -35,6 +35,12 @@
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logoTextBlock {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.logoText {
|
.logoText {
|
||||||
font-family: 'Plus Jakarta Sans', sans-serif;
|
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@@ -43,6 +49,15 @@
|
|||||||
letter-spacing: -0.3px;
|
letter-spacing: -0.3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logoSub {
|
||||||
|
font-family: 'Plus Jakarta Sans', sans-serif;
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--gold);
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
.devBadge {
|
.devBadge {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|||||||
@@ -82,7 +82,10 @@ export default function App() {
|
|||||||
alt="FIFA WM 2026"
|
alt="FIFA WM 2026"
|
||||||
className={styles.logoImg}
|
className={styles.logoImg}
|
||||||
/>
|
/>
|
||||||
|
<div className={styles.logoTextBlock}>
|
||||||
<span className={styles.logoText}>Tippspiel</span>
|
<span className={styles.logoText}>Tippspiel</span>
|
||||||
|
<span className={styles.logoSub}>FIFA World Cup 2026</span>
|
||||||
|
</div>
|
||||||
{IS_DEV && (
|
{IS_DEV && (
|
||||||
<span className={styles.devBadge}>DEV · User {devUser}</span>
|
<span className={styles.devBadge}>DEV · User {devUser}</span>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user