diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2023-07-17 22:20:45 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2023-07-17 22:20:45 -0400 |
| commit | f6cc64b3b36836ced50c2f7d089b52e9e329b666 (patch) | |
| tree | 5306465e1465d75bd24bb677159bab776c140de0 /components | |
| parent | 5580ad5448c80e0034b95d6a4597425bd164c8ca (diff) | |
| download | alure-website-f6cc64b3b36836ced50c2f7d089b52e9e329b666.tar.gz alure-website-f6cc64b3b36836ced50c2f7d089b52e9e329b666.tar.bz2 alure-website-f6cc64b3b36836ced50c2f7d089b52e9e329b666.zip | |
Favicons; More responsive stuff
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={()=> { |