aindreas/fyp
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[frontend]: Fix favourite button causing linebreaks

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2025-03-14 21:27:21 +00:00
parent 41b8b2d040
commit 98ad2f19ed
6 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/BusPopup.jsx
View File

@ -17,9 +17,9 @@ const BusPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
<h3>{objectTitle}</h3> <h3>{objectTitle}</h3>
<button <button
onClick={handleToggleFavourite} onClick={handleToggleFavourite}
style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }} style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
> >
{isFavourite ? "⭐" : "☆"} {isFavourite ? "⭐" : "✩"}
</button> </button>
</div> </div>
<ul> <ul>
@ -33,4 +33,4 @@ const BusPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
); );
}; };
export default BusPopup; export default BusPopup;

6
frontend/src/components/BusStopPopup.jsx
View File

@ -17,9 +17,9 @@ const BusStopPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
<h3>{objectTitle}</h3> <h3>{objectTitle}</h3>
<button <button
onClick={handleToggleFavourite} onClick={handleToggleFavourite}
style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }} style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
> >
{isFavourite ? "⭐" : "☆"} {isFavourite ? "⭐" : "✩"}
</button> </button>
</div> </div>
<ul> <ul>
@ -31,4 +31,4 @@ const BusStopPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
); );
}; };
export default BusStopPopup; export default BusStopPopup;

4
frontend/src/components/IrishRailTrainPopup.jsx
View File

@ -17,7 +17,7 @@ const IrishRailTrainPopup = ({ item, objectTitle, trainStatus, trainType, latene
<h3>{objectTitle}</h3> <h3>{objectTitle}</h3>
<button <button
onClick={handleToggleFavourite} onClick={handleToggleFavourite}
style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }} style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
> >
{isFavourite ? "⭐" : "☆"} {isFavourite ? "⭐" : "☆"}
</button> </button>
@ -35,4 +35,4 @@ const IrishRailTrainPopup = ({ item, objectTitle, trainStatus, trainType, latene
); );
}; };
export default IrishRailTrainPopup; export default IrishRailTrainPopup;

4
frontend/src/components/LuasPopup.jsx
View File

@ -64,9 +64,9 @@ const LuasPopup = ({ item, objectTitle, luasLine, toggleFavourite, favourites })
<h3>{objectTitle}</h3> <h3>{objectTitle}</h3>
<button <button
onClick={handleToggleFavourite} onClick={handleToggleFavourite}
style={{background: "white", border: "none", fontSize: "20px", cursor: "pointer"}} style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
> >
{isFavourite ? "⭐" : "☆"} {isFavourite ? "⭐" : "✩"}
</button> </button>
</div> </div>
<ul> <ul>

4
frontend/src/components/TrainStationPopup.jsx
View File

@ -73,9 +73,9 @@ const TrainStationPopup = ({ item, objectTitle, toggleFavourite, favourites }) =
<h3>{objectTitle}</h3> <h3>{objectTitle}</h3>
<button <button
onClick={handleToggleFavourite} onClick={handleToggleFavourite}
style={{background: "white", border: "none", fontSize: "20px", cursor: "pointer"}} style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
> >
{isFavourite ? "⭐" : "☆"} {isFavourite ? "⭐" : "✩"}
</button> </button>
</div> </div>
<ul> <ul>

2
frontend/src/index.css
View File

@ -85,7 +85,7 @@ button:focus-visible {
} }
h3 { h3 {
font-size: 1.4em; font-size: 1.3em;
font-weight: bold; font-weight: bold;
} }