chore : 후원 탭 이미지 경로 변경

sopt-makers · Nov 13, 2023 · de5005a · de5005a
1 parent 1c4bf23
commit de5005a
Show file tree

Hide file tree

Showing 29 changed files with 67 additions and 25 deletions.
diff --git a/src/assets/images/sopt-corporate-activity/aws-seminar.png b/src/assets/images/sopt-corporate-activity/aws-seminar.png
diff --git a/src/assets/images/sopt-corporate-activity/foundation-attention.png b/src/assets/images/sopt-corporate-activity/foundation-attention.png
diff --git a/src/assets/images/sopt-corporate-activity/kb-dna.png b/src/assets/images/sopt-corporate-activity/kb-dna.png
diff --git a/src/assets/images/sopt-corporate-activity/open-insight.png b/src/assets/images/sopt-corporate-activity/open-insight.png
diff --git a/src/assets/images/sopt-corporate-activity/scon-it.png b/src/assets/images/sopt-corporate-activity/scon-it.png
diff --git a/src/assets/images/sopt-corporate-activity/seeso-remote-work.png b/src/assets/images/sopt-corporate-activity/seeso-remote-work.png
diff --git a/src/assets/images/sopt-corporate-activity/spark-lab.png b/src/assets/images/sopt-corporate-activity/spark-lab.png
diff --git a/src/assets/images/sopt-corporate-activity/unithon.png b/src/assets/images/sopt-corporate-activity/unithon.png
diff --git a/src/assets/images/sopt-corporate-activity/we-make-price-campus.png b/src/assets/images/sopt-corporate-activity/we-make-price-campus.png
diff --git a/src/assets/images/sopt-corporate-partner/asan.png b/src/assets/images/sopt-corporate-partner/asan.png
diff --git a/src/assets/images/sopt-corporate-partner/aws-educate.png b/src/assets/images/sopt-corporate-partner/aws-educate.png
diff --git a/src/assets/images/sopt-corporate-partner/dcamp.png b/src/assets/images/sopt-corporate-partner/dcamp.png
diff --git a/src/assets/images/sopt-corporate-partner/dream-plus.png b/src/assets/images/sopt-corporate-partner/dream-plus.png
diff --git a/src/assets/images/sopt-corporate-partner/ict-coc.png b/src/assets/images/sopt-corporate-partner/ict-coc.png
diff --git a/src/assets/images/sopt-corporate-partner/kb.png b/src/assets/images/sopt-corporate-partner/kb.png
diff --git a/src/assets/images/sopt-corporate-partner/maru.png b/src/assets/images/sopt-corporate-partner/maru.png
diff --git a/src/assets/images/sopt-corporate-partner/my-real-trip.png b/src/assets/images/sopt-corporate-partner/my-real-trip.png
diff --git a/src/assets/images/sopt-corporate-partner/nation-of-delivery.png b/src/assets/images/sopt-corporate-partner/nation-of-delivery.png
diff --git a/src/assets/images/sopt-corporate-partner/naver-d2.png b/src/assets/images/sopt-corporate-partner/naver-d2.png
diff --git a/src/assets/images/sopt-corporate-partner/orange-farm.png b/src/assets/images/sopt-corporate-partner/orange-farm.png
diff --git a/src/assets/images/sopt-corporate-partner/tom-toc.png b/src/assets/images/sopt-corporate-partner/tom-toc.png
diff --git a/src/assets/images/sopt-corporate-partner/venture.png b/src/assets/images/sopt-corporate-partner/venture.png
diff --git a/src/assets/images/sopt-corporate-partner/vingle.png b/src/assets/images/sopt-corporate-partner/vingle.png
diff --git a/src/assets/images/sopt-corporate-partner/we-make-price.png b/src/assets/images/sopt-corporate-partner/we-make-price.png
diff --git a/src/assets/images/sopt-corporate-partner/yonsei.png b/src/assets/images/sopt-corporate-partner/yonsei.png
diff --git a/src/views/MainPage/stylesheets/_mixins.scss b/src/views/MainPage/stylesheets/_mixins.scss
@@ -0,0 +1,37 @@
+@import './variables';
+
+@mixin mobile {
+  @media (max-width: #{$breakpoint-tablet-small - 1px}) {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media (min-width: #{$breakpoint-tablet-small}) and (max-width: #{$breakpoint-desktop - 1px}) {
+    @content;
+  }
+}
+
+@mixin tablet-small {
+  @media (min-width: #{$breakpoint-tablet-small}) and (max-width: #{$breakpoint-tablet-medium - 1px}) {
+    @content;
+  }
+}
+
+@mixin tablet-medium {
+  @media (min-width: #{$breakpoint-tablet-medium}) and (max-width: #{$breakpoint-desktop - 1px}) {
+    @content;
+  }
+}
+
+@mixin mobile-tablet {
+  @media (min-width: #{$breakpoint-mobile}) and (max-width: #{$breakpoint-desktop - 1px}) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media (min-width: #{$breakpoint-desktop}) {
+    @content;
+  }
+}
diff --git a/src/views/MainPage/stylesheets/_variables.scss b/src/views/MainPage/stylesheets/_variables.scss
@@ -0,0 +1,5 @@
+// Breakpoints
+$breakpoint-mobile: 360px;
+$breakpoint-tablet-small: 766px;
+$breakpoint-tablet-medium: 1124px;
+$breakpoint-desktop: 1300px;
diff --git a/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts b/src/views/SponsorPage/components/CorporateLinkedActivities/constants.ts
@@ -1,12 +1,12 @@
-import aws_seminar from '@src/views/MainPage/assets/sopt-corporate-activity/aws-seminar.png';
-import foundation_attention from '@src/views/MainPage/assets/sopt-corporate-activity/foundation-attention.png';
-import kb_dna from '@src/views/MainPage/assets/sopt-corporate-activity/kb-dna.png';
-import open_insight from '@src/views/MainPage/assets/sopt-corporate-activity/open-insight.png';
-import scon_it from '@src/views/MainPage/assets/sopt-corporate-activity/scon-it.png';
-import seeso_remote_work from '@src/views/MainPage/assets/sopt-corporate-activity/seeso-remote-work.png';
-import spark_lab from '@src/views/MainPage/assets/sopt-corporate-activity/spark-lab.png';
-import unithon from '@src/views/MainPage/assets/sopt-corporate-activity/unithon.png';
-import we_make_price_campus from '@src/views/MainPage/assets/sopt-corporate-activity/we-make-price-campus.png';
+import aws_seminar from '@src/assets/images/sopt-corporate-activity/aws-seminar.png';
+import foundation_attention from '@src/assets/images/sopt-corporate-activity/foundation-attention.png';
+import kb_dna from '@src/assets/images/sopt-corporate-activity/kb-dna.png';
+import open_insight from '@src/assets/images/sopt-corporate-activity/open-insight.png';
+import scon_it from '@src/assets/images/sopt-corporate-activity/scon-it.png';
+import seeso_remote_work from '@src/assets/images/sopt-corporate-activity/seeso-remote-work.png';
+import spark_lab from '@src/assets/images/sopt-corporate-activity/spark-lab.png';
+import unithon from '@src/assets/images/sopt-corporate-activity/unithon.png';
+import we_make_price_campus from '@src/assets/images/sopt-corporate-activity/we-make-price-campus.png';
 
 export const corporatedLinkedActivities = [
   {

diff --git a/src/views/SponsorPage/components/CorporatePartner/constants.ts b/src/views/SponsorPage/components/CorporatePartner/constants.ts
@@ -1,19 +1,19 @@
-import 아산나눔재단 from '@src/views/MainPage/assets/sopt-corporate-partner/asan.png';
-import AWSeducate from '@src/views/MainPage/assets/sopt-corporate-partner/aws-educate.png';
-import DCAMP from '@src/views/MainPage/assets/sopt-corporate-partner/dcamp.png';
-import DREAMPLUS from '@src/views/MainPage/assets/sopt-corporate-partner/dream-plus.png';
-import ICTCoC from '@src/views/MainPage/assets/sopt-corporate-partner/ict-coc.png';
-import KB금융지주 from '@src/views/MainPage/assets/sopt-corporate-partner/kb.png';
-import MARU180 from '@src/views/MainPage/assets/sopt-corporate-partner/maru.png';
-import 마이리얼트립 from '@src/views/MainPage/assets/sopt-corporate-partner/my-real-trip.png';
-import 배달의민족 from '@src/views/MainPage/assets/sopt-corporate-partner/nation-of-delivery.png';
-import NAVERD2 from '@src/views/MainPage/assets/sopt-corporate-partner/naver-d2.png';
-import 스마일게이트오렌지팜 from '@src/views/MainPage/assets/sopt-corporate-partner/orange-farm.png';
-import tomtoc from '@src/views/MainPage/assets/sopt-corporate-partner/tom-toc.png';
-import 창업진흥원 from '@src/views/MainPage/assets/sopt-corporate-partner/venture.png';
-import Vingle from '@src/views/MainPage/assets/sopt-corporate-partner/vingle.png';
-import 위메프 from '@src/views/MainPage/assets/sopt-corporate-partner/we-make-price.png';
-import 연세대학교창업지원단 from '@src/views/MainPage/assets/sopt-corporate-partner/yonsei.png';
+import 아산나눔재단 from '@src/assets/images/sopt-corporate-partner/asan.png';
+import AWSeducate from '@src/assets/images/sopt-corporate-partner/aws-educate.png';
+import DCAMP from '@src/assets/images/sopt-corporate-partner/dcamp.png';
+import DREAMPLUS from '@src/assets/images/sopt-corporate-partner/dream-plus.png';
+import ICTCoC from '@src/assets/images/sopt-corporate-partner/ict-coc.png';
+import KB금융지주 from '@src/assets/images/sopt-corporate-partner/kb.png';
+import MARU180 from '@src/assets/images/sopt-corporate-partner/maru.png';
+import 마이리얼트립 from '@src/assets/images/sopt-corporate-partner/my-real-trip.png';
+import 배달의민족 from '@src/assets/images/sopt-corporate-partner/nation-of-delivery.png';
+import NAVERD2 from '@src/assets/images/sopt-corporate-partner/naver-d2.png';
+import 스마일게이트오렌지팜 from '@src/assets/images/sopt-corporate-partner/orange-farm.png';
+import tomtoc from '@src/assets/images/sopt-corporate-partner/tom-toc.png';
+import 창업진흥원 from '@src/assets/images/sopt-corporate-partner/venture.png';
+import Vingle from '@src/assets/images/sopt-corporate-partner/vingle.png';
+import 위메프 from '@src/assets/images/sopt-corporate-partner/we-make-price.png';
+import 연세대학교창업지원단 from '@src/assets/images/sopt-corporate-partner/yonsei.png';
 
 export const corporatePartnerList = [
   {