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

Linting of styling issues

Browse Source
This commit is contained in:
Antoine Phan
2026-02-03 11:29:44 -05:00
parent d6d1717222
commit b84a6ac93c
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,15 +11,15 @@
<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 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-[14rem] sm:max-w-[16rem]' ? 'w-full max-w-56 sm:max-w-64'
: 'w-full max-w-[14rem] sm:max-w-[16rem]'}" : 'w-full max-w-56 sm:max-w-64'}"
> >
<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"
> >
{#if tag} {#if tag}
<span <span
class="bg-ecsess-600 text-ecsess-50 ring-ecsess-400/60 absolute top-2 right-2 z-[1] rounded-md px-2 py-1 text-xs font-semibold tracking-wide uppercase shadow-md ring-1" class="bg-ecsess-600 text-ecsess-50 ring-ecsess-400/60 absolute top-2 right-2 z-1 rounded-md px-2 py-1 text-xs font-semibold tracking-wide uppercase shadow-md ring-1"
> >
{tag} {tag}
</span> </span>

4
src/components/council/CouncilCardPopUp.svelte
View File

@@ -36,10 +36,10 @@
<!-- Photo block: top on small, left on md+ --> <!-- Photo block: top on small, left on md+ -->
<div <div
class="border-ecsess-700/60 bg-ecsess-850 md:border-ecsess-700/60 flex shrink-0 flex-col items-center justify-center border-b p-4 md:min-w-[11rem] md:border-r md:border-b-0 md:p-6" class="border-ecsess-700/60 bg-ecsess-850 md:border-ecsess-700/60 flex shrink-0 flex-col items-center justify-center border-b p-4 md:min-w-44 md:border-r md:border-b-0 md:p-6"
> >
<div <div
class="bg-ecsess-750 ring-ecsess-650/60 flex aspect-[4/5] w-24 items-center justify-center overflow-hidden rounded-lg shadow-inner ring-1 md:w-40 md:rounded-xl" class="bg-ecsess-750 ring-ecsess-650/60 flex aspect-4/5 w-24 items-center justify-center overflow-hidden rounded-lg shadow-inner ring-1 md:w-40 md:rounded-xl"
> >
{#if image && !imageError} {#if image && !imageError}
<img <img

10
src/routes/council/+page.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import CouncilCardPopUp from 'components/council/CouncilCardPopUp.svelte'; import CouncilCardPopUp from 'components/council/CouncilCardPopUp.svelte';
import Section from 'components/layout/Section.svelte'; import Section from 'components/layout/Section.svelte';
import CardCouncil from 'components/council/CouncilCard.svelte'; import CouncilCard from 'components/council/CouncilCard.svelte';
import Link from 'components/Link.svelte'; import Link from 'components/Link.svelte';
import type { CouncilMember } from '$lib/schemas'; import type { CouncilMember } from '$lib/schemas';
import SeoMetaTags from 'components/layout/SeoMetaTags.svelte'; import SeoMetaTags from 'components/layout/SeoMetaTags.svelte';
@@ -86,7 +86,7 @@
direction="to-b" direction="to-b"
contentStart contentStart
> >
<div class="w-full max-w-[90rem] px-4"> <div class="w-full max-w-360 px-4">
<!-- Hero --> <!-- Hero -->
<h1 class="page-title text-ecsess-50">Meet the ECSESS Council</h1> <h1 class="page-title text-ecsess-50">Meet the ECSESS Council</h1>
@@ -109,7 +109,7 @@
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div> <div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div> </div>
<div class="mt-4 flex justify-center"> <div class="mt-4 flex justify-center">
<CardCouncil <CouncilCard
name={president.name} name={president.name}
position={president.position} position={president.position}
image={president.image} image={president.image}
@@ -134,7 +134,7 @@
<div <div
class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]" class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
> >
<CardCouncil <CouncilCard
name={vp.name} name={vp.name}
position={vp.position} position={vp.position}
image={vp.image} image={vp.image}
@@ -159,7 +159,7 @@
<div <div
class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]" class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]"
> >
<CardCouncil <CouncilCard
name={urep.name} name={urep.name}
position={urep.position} position={urep.position}
image={urep.image} image={urep.image}