notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor tweak on council card on big vs small screens

Browse Source
This commit is contained in:
Antoine Phan
2026-02-09 00:23:15 -05:00
parent adb2986a9b
commit d4f17ba1a2
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/council/CouncilCard.svelte
View File

@@ -9,10 +9,16 @@
} }
</script> </script>
<!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
<article <article
class="group bg-ecsess-800 ring-ecsess-500/50 ring-offset-ecsess-900 hover:ring-ecsess-300 hover:shadow-ecsess-400/50 focus-within:ring-ecsess-300 focus-within:ring-offset-ecsess-900 grid h-full min-w-0 grid-rows-[auto_1fr] overflow-hidden rounded-xl shadow-md ring-2 ring-offset-2 transition-all duration-500 ease-out focus-within:ring-2 focus-within:ring-offset-2 hover:shadow-xl {featured class="group bg-ecsess-800 ring-ecsess-500/50 ring-offset-ecsess-900 hover:ring-ecsess-300 hover:shadow-ecsess-400/50 focus-within:ring-ecsess-300 focus-within:ring-offset-ecsess-900 grid h-full min-w-0 cursor-pointer grid-rows-[auto_1fr] overflow-hidden rounded-xl shadow-md ring-2 ring-offset-2 transition-all duration-500 ease-out focus-within:ring-2 focus-within:ring-offset-2 hover:shadow-xl {featured
? 'w-full max-w-56 sm:max-w-64' ? 'w-full max-w-56 sm:max-w-64'
: 'w-full max-w-56 sm:max-w-64'}" : 'w-full max-w-56 sm:max-w-64'}"
role="button"
tabindex="0"
onclick={onViewProfile}
onkeydown={(e) =>
e.key === 'Enter' || e.key === ' ' ? (e.preventDefault(), onViewProfile()) : null}
> >
<div <div
class="bg-ecsess-700 relative flex aspect-square min-h-0 w-full items-center justify-center overflow-hidden" class="bg-ecsess-700 relative flex aspect-square min-h-0 w-full items-center justify-center overflow-hidden"
@@ -46,8 +52,7 @@
<p class="text-ecsess-200 line-clamp-2 w-full text-xs italic sm:text-sm">{position}</p> <p class="text-ecsess-200 line-clamp-2 w-full text-xs italic sm:text-sm">{position}</p>
<button <button
type="button" type="button"
onclick={onViewProfile} class="bg-ecsess-500 text-ecsess-950 hover:bg-ecsess-400 hover:text-ecsess-50 focus:ring-ecsess-300 focus:ring-offset-ecsess-800 mt-1 w-full cursor-pointer rounded-lg px-3 py-2 text-xs font-semibold shadow-md transition focus:ring-2 focus:ring-offset-2 focus:outline-none sm:text-sm lg:hidden"
class="bg-ecsess-500 text-ecsess-950 hover:bg-ecsess-400 hover:text-ecsess-50 focus:ring-ecsess-300 focus:ring-offset-ecsess-800 mt-1 w-full rounded-lg px-3 py-2 text-xs font-semibold shadow-md transition focus:ring-2 focus:ring-offset-2 focus:outline-none sm:text-sm"
> >
View profile View profile
</button> </button>