diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/travel-advisory/HistoryModal.js | 4 | ||||
| -rw-r--r-- | components/travel-advisory/ListCountries.js | 4 |
2 files changed, 3 insertions, 5 deletions
diff --git a/components/travel-advisory/HistoryModal.js b/components/travel-advisory/HistoryModal.js index 9ff835a..3ef2ea8 100644 --- a/components/travel-advisory/HistoryModal.js +++ b/components/travel-advisory/HistoryModal.js @@ -27,9 +27,7 @@ const HistoryModal = ({ isVisible, onClose, countries, dangerLevel, history }) = </div> <div> <h1 className="font-medium text-2xl pt-3">History</h1> - <ul> - {historyList} - </ul> + <ul>{historyList}</ul> </div> </div> </div> diff --git a/components/travel-advisory/ListCountries.js b/components/travel-advisory/ListCountries.js index 87e01fc..03665ef 100644 --- a/components/travel-advisory/ListCountries.js +++ b/components/travel-advisory/ListCountries.js @@ -40,7 +40,7 @@ export default function Countries(){ const settlementsList = country.settlements.map((settlement) => { return ( <div key={settlement.name}> - <h2 className="font-medium text-3xl">{settlement.name}</h2> + <h2 className="font-medium md:text-3xl text-xl">{settlement.name}</h2> <h2 className="text-base">{getDangerLevel(settlement.danger)}</h2> </div> ) @@ -49,7 +49,7 @@ export default function Countries(){ return ( <div key="countries" className="bg-center bg-no-repeat bg-[image:var(--image-url)] bg-gray-500 bg-blend-multiply" style={{'--image-url': `url(${country.image})`}} > <div className="sm:px-40 px-10 py-10 space-y-3"> - <h1 className="font-medium text-5xl">{country.name}</h1> + <h1 className="font-medium md:text-5xl text-3xl">{country.name}</h1> <h2 className="text-lg">{dangerLevel}</h2> <div className="space-y-3">{settlementsList}</div> <button className="transition duration-200 ease-in-out px-4 py-2 font-medium rounded-full bg-blue-600 hover:bg-blue-700 active:bg-blue-800" onClick={()=> { |