feat: amber portal border + hidden scrollbar on movie-corner iframe
All checks were successful
Build and Deploy Gabriel Kaszewski Portfolio / build-and-deploy-local (push) Successful in 1m2s
All checks were successful
Build and Deploy Gabriel Kaszewski Portfolio / build-and-deploy-local (push) Successful in 1m2s
This commit is contained in:
@@ -60,13 +60,26 @@ export default function MovieCornerPage() {
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section className="flex-1 flex flex-col border-t border-white/10 min-h-0 items-center">
|
<section className="flex-1 flex flex-col border-t border-white/10 min-h-0 items-center">
|
||||||
<iframe
|
<div className="flex-1 flex flex-col w-full max-w-[1200px] min-h-0 px-4 py-4">
|
||||||
src={MOVIE_REVIEWS_URL}
|
<div
|
||||||
title="Gabriel's Movie Reviews"
|
className="flex-1 flex flex-col min-h-0 bg-gradient-to-br from-yellow-400/60 via-amber-400/30 to-yellow-400/50 p-[2px] rounded-lg"
|
||||||
allow=""
|
style={{
|
||||||
loading="lazy"
|
boxShadow:
|
||||||
className="flex-1 w-full max-w-[1200px] min-h-0"
|
"0 0 40px rgba(250,204,21,0.2), 0 0 80px rgba(250,204,21,0.08)",
|
||||||
/>
|
}}
|
||||||
|
>
|
||||||
|
<div className="flex-1 overflow-hidden rounded-md flex flex-col">
|
||||||
|
<iframe
|
||||||
|
src={MOVIE_REVIEWS_URL}
|
||||||
|
title="Gabriel's Movie Reviews"
|
||||||
|
allow=""
|
||||||
|
loading="lazy"
|
||||||
|
className="flex-1 min-h-0"
|
||||||
|
style={{ width: "calc(100% + 20px)" }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div className="py-3 text-center">
|
<div className="py-3 text-center">
|
||||||
<a
|
<a
|
||||||
href={MOVIE_REVIEWS_URL}
|
href={MOVIE_REVIEWS_URL}
|
||||||
|
|||||||
Reference in New Issue
Block a user