aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/routes
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2025-11-30 17:58:55 +0100
committerAriel Costas Guerrero <ariel@costas.dev>2025-11-30 17:58:55 +0100
commite7283ba10d45b42e1274cd13c3d6aabec57c85b4 (patch)
tree3e753b79c0835a0ecd4674b97039fcd3b53275a7 /src/frontend/app/routes
parent0798325688049a87df02910ab9141c0b1c13ffcb (diff)
feat: add Tailwind CSS support and create ConsolidatedCirculationCard styles
- Added Tailwind CSS and its Vite plugin to the project dependencies. - Updated Vite configuration to include Tailwind CSS plugin. - Created a new CSS file for the Consolidated Circulation Card component with styles for various states and responsive design.
Diffstat (limited to 'src/frontend/app/routes')
-rw-r--r--src/frontend/app/routes/estimates-$id.tsx2
-rw-r--r--src/frontend/app/routes/stops-$id.css2
-rw-r--r--src/frontend/app/routes/stops-$id.tsx2
3 files changed, 2 insertions, 4 deletions
diff --git a/src/frontend/app/routes/estimates-$id.tsx b/src/frontend/app/routes/estimates-$id.tsx
index b92e59d..afeb3d2 100644
--- a/src/frontend/app/routes/estimates-$id.tsx
+++ b/src/frontend/app/routes/estimates-$id.tsx
@@ -302,7 +302,7 @@ export default function Estimates() {
<div className={`estimates-lines-container`}>
{stopData.lines.map((line) => (
<div key={line} className="estimates-line-icon">
- <LineIcon line={line} region={region} rounded />
+ <LineIcon line={line} region={region} mode="rounded" />
</div>
))}
</div>
diff --git a/src/frontend/app/routes/stops-$id.css b/src/frontend/app/routes/stops-$id.css
index 782d9a1..4d204a7 100644
--- a/src/frontend/app/routes/stops-$id.css
+++ b/src/frontend/app/routes/stops-$id.css
@@ -7,7 +7,6 @@
}
.estimates-list-container {
- overflow-y: auto;
flex: 1;
min-height: 0;
@@ -47,7 +46,6 @@
display: flex;
flex-direction: column;
height: 100%;
- overflow: hidden;
padding-block: 1rem;
box-sizing: border-box;
diff --git a/src/frontend/app/routes/stops-$id.tsx b/src/frontend/app/routes/stops-$id.tsx
index 4d96928..de552bd 100644
--- a/src/frontend/app/routes/stops-$id.tsx
+++ b/src/frontend/app/routes/stops-$id.tsx
@@ -238,7 +238,7 @@ export default function Estimates() {
<div className={`estimates-lines-container scrollable`}>
{stopData.lines.map((line) => (
<div key={line} className="estimates-line-icon">
- <LineIcon line={line} region={region} rounded />
+ <LineIcon line={line} region={region} mode="rounded" />
</div>
))}
</div>