bump (move to next@canary), use tailwindcss v4
This commit is contained in:
parent
3e1c75f01f
commit
ffe9419db1
21 changed files with 67 additions and 60 deletions
|
@ -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>
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue