fegger/time_to_leave
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Revamp branding, UI styling, and HAFAS integration

Browse Source 
- Update BRAND_GUIDELINES.md with new melting clock logo concept
- Rebrand UI components with new violet-to-pink gradient color scheme
- Implement HAFAS authentication headers and GET support in route
- Update logo SVGs to match new brand guidelines
- Fix HAFAS time format to exclude millisecond padding
- Update default station to Mödling Bahnhof
- Bump workspace package versions to 1.0.0
This commit is contained in:
Florian Egger
2026-05-12 09:44:37 +02:00
parent 2c65dc1d5a
commit eac4f6e216
47 changed files with 2969 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/event/BikeSection.tsx
+9 -9
View File
@@ -19,11 +19,11 @@ const BikeSection: React.FC<BikeSectionProps> = ({ bikeRoute, bikeLoading, bikeE
}
return (
<div className={`bg-white dark:bg-gray-800 rounded-lg shadow-sm overflow-hidden mt-4 ${className}`}>
<div className="p-4 border-b border-gray-200 dark:border-gray-700">
<div className={`bg-white dark:bg-[#17112A] rounded-lg shadow-sm overflow-hidden mt-4 border border-gray-200 dark:border-white/10 ${className}`}>
<div className="p-4 border-b border-gray-200 dark:border-white/10">
<div className="flex items-center justify-between">
<div>
<h3 className="text-lg font-semibold text-gray-900 dark:text-white">Bicycle Route</h3>
<h3 className="text-lg font-semibold text-gray-900 dark:text-[#F4F1EA]">Bicycle Route</h3>
</div>
{onRefresh && (
<Button variant="secondary" size="sm" onClick={onRefresh}>
@@ -38,29 +38,29 @@ const BikeSection: React.FC<BikeSectionProps> = ({ bikeRoute, bikeLoading, bikeE
<LoadingSpinner size="md" />
</div>
) : bikeError ? (
<div className="text-center py-4 text-red-600">Error: {bikeError}</div>
<div className="text-center py-4 text-[#FF2D8D]">Error: {bikeError}</div>
) : bikeRoute ? (
<div className="space-y-2">
<div className="flex justify-between">
<span className="text-gray-600 dark:text-gray-300">Distance</span>
<span className="text-gray-600 dark:text-[#F4F1EA]/80">Distance</span>
<span className="font-medium">
{Math.round(bikeRoute.distance / 1000)} km ({Math.round(bikeRoute.distance)} m)
</span>
</div>
<div className="flex justify-between">
<span className="text-gray-600 dark:text-gray-300">Duration</span>
<span className="text-gray-600 dark:text-[#F4F1EA]/80">Duration</span>
<span className="font-medium">
{Math.floor(bikeRoute.duration / 60)} min {bikeRoute.duration % 60} s
</span>
</div>
{bikeRoute.steps && bikeRoute.steps.length > 0 && (
<div className="mt-4">
<h4 className="font-medium text-gray-800 dark:text-white mb-2">Steps</h4>
<h4 className="font-medium text-gray-800 dark:text-[#F4F1EA] mb-2">Steps</h4>
<ul className="space-y-2">
{bikeRoute.steps.map((step, index) => (
<li key={index} className="text-sm">
<span className="font-medium text-blue-600 dark:text-blue-400">{step.name}</span>
<span className="ml-2 text-gray-600 dark:text-gray-300">{step.instruction}</span>
<span className="font-medium text-[#B23CFF] dark:text-[#D946EF]">{step.name}</span>
<span className="ml-2 text-gray-600 dark:text-[#F4F1EA]/80">{step.instruction}</span>
</li>
))}
</ul>