lvl0/incr
lvl0/incr
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Add number font

Browse source
This commit is contained in:
myrmidex 2025-07-12 21:55:55 +02:00
parent 6435900079
commit ce6b6e00c5
6 changed files with 38 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/fonts/7segment.woff Normal file
View file

Binary file not shown.

11
resources/css/app.css
View file

@ -5,6 +5,17 @@
@source '../views'; @source '../views';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@font-face {
font-family: '7Segment';
src: url('/fonts/7segment.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.font-digital {
font-family: '7Segment', monospace;
}
@custom-variant dark (&:is(.dark *)); @custom-variant dark (&:is(.dark *));
@theme { @theme {

4
resources/js/components/Display/LedCounter.tsx
View file

@ -142,7 +142,7 @@ export default function LedCounter({
> >
<div className="relative"> <div className="relative">
{/* Background glow effect */} {/* Background glow effect */}
<div className="absolute inset-0 text-red-500/20 blur-sm font-mono-display text-6xl md:text-8xl lg:text-9xl tracking-widest"> <div className="absolute inset-0 text-red-500/20 blur-sm font-digital text-6xl md:text-8xl lg:text-9xl tracking-widest">
{formattedValue} {formattedValue}
</div> </div>
@ -150,7 +150,7 @@ export default function LedCounter({
<div className={cn( <div className={cn(
"relative z-10", "relative z-10",
"text-6xl md:text-8xl lg:text-9xl", "text-6xl md:text-8xl lg:text-9xl",
"font-mono-display font-normal tracking-widest", "font-digital font-normal tracking-widest",
"text-red-500", "text-red-500",
"drop-shadow-[0_0_10px_rgba(239,68,68,0.8)]", "drop-shadow-[0_0_10px_rgba(239,68,68,0.8)]",
"filter brightness-110" "filter brightness-110"

4
resources/js/components/Display/LedDisplay.tsx
View file

@ -73,7 +73,7 @@ export default function LedDisplay({
> >
<div className="relative"> <div className="relative">
{/* Background glow effect */} {/* Background glow effect */}
<div className="absolute inset-0 text-red-500/20 blur-sm font-mono-display text-6xl md:text-8xl lg:text-9xl tracking-widest"> <div className="absolute inset-0 text-red-500/20 blur-sm font-digital text-6xl md:text-8xl lg:text-9xl tracking-widest">
{formattedValue} {formattedValue}
</div> </div>
@ -81,7 +81,7 @@ export default function LedDisplay({
<div className={cn( <div className={cn(
"relative z-10", "relative z-10",
"text-6xl md:text-8xl lg:text-9xl", "text-6xl md:text-8xl lg:text-9xl",
"font-mono-display font-normal tracking-widest", "font-digital font-normal tracking-widest",
"text-red-500", "text-red-500",
"drop-shadow-[0_0_10px_rgba(239,68,68,0.8)]", "drop-shadow-[0_0_10px_rgba(239,68,68,0.8)]",
"filter brightness-110" "filter brightness-110"

2
resources/js/components/Settings/UserMenuContent.tsx
View file

@ -1,4 +1,4 @@
import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from '@/components/ui/dropdown-menu'; import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from '@/components/ui/DropdownMenu';
import { UserInfo } from '@/components/Settings/UserInfo'; import { UserInfo } from '@/components/Settings/UserInfo';
import { useMobileNavigation } from '@/hooks/use-mobile-navigation'; import { useMobileNavigation } from '@/hooks/use-mobile-navigation';
import { type User } from '@/types'; import { type User } from '@/types';

2
resources/views/app.blade.php
View file

@ -39,6 +39,8 @@
<link rel="preconnect" href="https://fonts.bunny.net"> <link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600|major-mono-display:400" rel="stylesheet" /> <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600|major-mono-display:400" rel="stylesheet" />
<link rel="preload" href="/fonts/7segment.woff" as="font" type="font/woff" crossorigin>
@routes @routes
@viteReactRefresh @viteReactRefresh
@vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"]) @vite(['resources/js/app.tsx', "resources/js/pages/{$page['component']}.tsx"])