aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/ui
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2025-11-30 20:49:48 +0100
committerAriel Costas Guerrero <ariel@costas.dev>2025-11-30 20:49:48 +0100
commita68ba30716062b265f85c4be078a736c7135d7bc (patch)
treedd079a2d3860349402ad5b614659fedcb90c2b99 /src/frontend/app/components/ui
parentcee521142a4e0673b155d97c3e4825b7fec1987f (diff)
Refactor StopMap and Settings components; replace region config usage with REGION_DATA, update StopDataProvider calls, and improve UI elements. Remove unused timetable files and add Tailwind CSS support.
Diffstat (limited to 'src/frontend/app/components/ui')
-rw-r--r--src/frontend/app/components/ui/Button.css39
-rw-r--r--src/frontend/app/components/ui/Button.tsx25
-rw-r--r--src/frontend/app/components/ui/PageContainer.css20
-rw-r--r--src/frontend/app/components/ui/PageContainer.tsx14
4 files changed, 0 insertions, 98 deletions
diff --git a/src/frontend/app/components/ui/Button.css b/src/frontend/app/components/ui/Button.css
deleted file mode 100644
index bf02a7c..0000000
--- a/src/frontend/app/components/ui/Button.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.ui-button {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- padding: 0.75rem 1.5rem;
- border-radius: 0.5rem;
- font-size: 0.9rem;
- font-weight: 500;
- cursor: pointer;
- transition: background-color 0.2s ease, transform 0.1s ease;
- border: none;
-}
-
-.ui-button:active {
- transform: translateY(1px);
-}
-
-.ui-button--primary {
- background: var(--button-background-color);
- color: white;
-}
-
-.ui-button--primary:hover {
- background: var(--button-hover-background-color);
-}
-
-.ui-button--secondary {
- background: var(--border-color);
- color: var(--text-color);
-}
-
-.ui-button--secondary:hover {
- background: #e0e0e0;
-}
-
-.ui-button__icon {
- display: flex;
- align-items: center;
-}
diff --git a/src/frontend/app/components/ui/Button.tsx b/src/frontend/app/components/ui/Button.tsx
deleted file mode 100644
index 18a15b2..0000000
--- a/src/frontend/app/components/ui/Button.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-import "./Button.css";
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
- variant?: "primary" | "secondary" | "outline";
- icon?: React.ReactNode;
-}
-
-export const Button: React.FC<ButtonProps> = ({
- children,
- variant = "primary",
- icon,
- className = "",
- ...props
-}) => {
- return (
- <button
- className={`ui-button ui-button--${variant} ${className}`}
- {...props}
- >
- {icon && <span className="ui-button__icon">{icon}</span>}
- {children}
- </button>
- );
-};
diff --git a/src/frontend/app/components/ui/PageContainer.css b/src/frontend/app/components/ui/PageContainer.css
deleted file mode 100644
index 8a86035..0000000
--- a/src/frontend/app/components/ui/PageContainer.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.page-container {
- max-width: 100%;
- padding: 0 16px;
- background-color: var(--background-color);
- color: var(--text-color);
-}
-
-@media (min-width: 768px) {
- .page-container {
- width: 90%;
- max-width: 768px;
- margin: 0 auto;
- }
-}
-
-@media (min-width: 1024px) {
- .page-container {
- max-width: 1024px;
- }
-}
diff --git a/src/frontend/app/components/ui/PageContainer.tsx b/src/frontend/app/components/ui/PageContainer.tsx
deleted file mode 100644
index 4c9684a..0000000
--- a/src/frontend/app/components/ui/PageContainer.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from "react";
-import "./PageContainer.css";
-
-interface PageContainerProps {
- children: React.ReactNode;
- className?: string;
-}
-
-export const PageContainer: React.FC<PageContainerProps> = ({
- children,
- className = "",
-}) => {
- return <div className={`page-container ${className}`}>{children}</div>;
-};