owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Avatar with drop down menu for accessing zones and signing out

Browse Source
This commit is contained in:
Timothy Armes
2024-04-12 14:54:44 +02:00
parent 860644bd9f
commit cfbba733c2
14 changed files with 255 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[locale]/(main)/zones/page.tsx
+9 -4
View File
@@ -86,12 +86,17 @@ const Zones = () => {
return (
<div
className="flex gap-4 text-gray-900 dark:text-white"
className="flex flex-col gap-4 text-gray-900 dark:text-white md:flex-row"
key={zone.id}
>
<ZoneThumbnail features={zone.features} size={200} />
<div className="flex flex-1 flex-col justify-between">
<h3 className="text-xl font-semibold text-gray-900 dark:text-white">
<h3 className="text-xl font-semibold text-gray-900 dark:text-white md:hidden">
{zone.name}
</h3>
<ZoneThumbnail features={zone.features} />
<div className="flex flex-1 flex-col justify-between gap-4">
<h3 className="hidden text-xl font-semibold text-gray-900 dark:text-white md:block">
{zone.name}
</h3>