bump (move to next@canary), use tailwindcss v4

This commit is contained in:
Aidan 2025-02-17 11:49:18 -05:00
parent 3e1c75f01f
commit ffe9419db1
21 changed files with 67 additions and 60 deletions

View file

@ -13,7 +13,7 @@ export default function GitHubFeatured() {
<h3 className="text-xl font-bold text-gray-100 mb-3">
<FontAwesomeIcon icon={project.github ? faGithub : faGitAlt} className="mr-2" /> {project.name}
</h3>
<p className="text-gray-300 flex-grow">{project.description}</p>
<p className="text-gray-300 grow">{project.description}</p>
</div>
<div className="pt-4 border-t border-gray-700 flex justify-between items-center mt-auto">
<Link href={project.url} className="text-blue-400 hover:underline">View Repo</Link>

View file

@ -40,7 +40,7 @@ const LastPlayed: React.FC = () => {
return (
<div className="max-w-2xl mx-auto mb-12">
<h2 className="text-2xl font-bold mb-4 text-gray-200">Last Played Song</h2>
<div className="now-playing flex items-center border border-gray-300 rounded-lg p-4 max-w-md mt-8 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg">
<div className="now-playing flex items-center border border-gray-300 rounded-lg p-4 max-w-md mt-8 bg-white/10 backdrop-filter backdrop-blur-lg">
<Image
src={track.image.find(img => img.size === 'large')?.['#text'] || '/placeholder.png'}
alt={track.name}

View file

@ -59,7 +59,7 @@ export default function Home() {
id="timePeriod"
value={timePeriod}
onChange={(e) => setTimePeriod(e.target.value)}
className="ml-2 p-2 bg-gray-700 text-gray-300 rounded"
className="ml-2 p-2 bg-gray-700 text-gray-300 rounded-sm"
>
<option value="Early Summer 2024">Early Summer 2024</option>
</select>