Merge pull request #195 from acm-ucr/dev

main
acm-ucr · Aug 16, 2024 · 63b25f0 · 63b25f0
2 parents 2af6ba0 + 97505f2
commit 63b25f0
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 30 deletions.
diff --git a/public/assets/blobs1.svg b/public/assets/blobs1.svg
diff --git a/src/app/about/page.js b/src/app/about/page.js
@@ -12,7 +12,7 @@ const Page = () => {
  const [inView, ref] = useView();
 
  return (
- <div className="bg-biscuits-green-100 flex flex-col items-center gap-y-10 p-4 md:p-10">
+ <div className="bg-biscuits-green-100 bg-blobs1 md:bg-cover bg-contain flex flex-col items-center gap-y-10 p-4 md:p-10">
  <Title text="About Us" color="red" />
  <Picture
  x={10}

diff --git a/src/components/gallery/TablingEvents.jsx b/src/components/gallery/TablingEvents.jsx
@@ -9,13 +9,14 @@ import useView from "@/components/useView";
 const TablingEvents = () => {
  const [inView, ref] = useView();
  return (
- <div
- ref={ref}
- className={`${inView && "animate-fade-right animate-once"} mb-14`}
- >
+ <div>
  <Subtitle text="Food Tabling" color="text-biscuits-green-200" />
-
- <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 place-items-center">
+ <div
+ ref={ref}
+ className={`${
+ inView && "animate-fade-right animate-once"
+ } mb-14 pt-10 grid grid-cols-1 lg:grid-cols-3 gap-8 place-items-center`}
+ >
  <Image src={Tabling1} alt="Tabling" />
  <Image src={Tabling2} alt="Tabling" />
  <Image src={Tabling3} alt="Tabling" />