responsiveness

efdevcon · Dec 30, 2023 · ad0ebbc · ad0ebbc
1 parent 72118dc
commit ad0ebbc
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 9 deletions.
diff --git a/devcon/src/assets/css/global/buttons.scss b/devcon/src/assets/css/global/buttons.scss
@@ -60,7 +60,7 @@
     }
 
     &.rounded-purple {
-      --border-color: #787878;
+      --border-color: transparent;
       --border-width: 1px;
       --border-radius: 77px;
       background: #AEB6FF;
@@ -69,7 +69,7 @@
     }
 
     &.rounded-dark-purple {
-      --border-color: #7958A5;
+      // --border-color: #7958A5;
       --border-width: 1px;
       --border-radius: 67px;
       background: #8B6BBB;

diff --git a/devcon/src/components/common/card/card.module.scss b/devcon/src/components/common/card/card.module.scss
@@ -47,7 +47,7 @@
     &:hover {
       .img-wrapper {
         .img {
-          transform: scale(1.15);
+          transform: scale(1.05);
         }
       }
     }

diff --git a/devcon/src/components/domain/blog-overview/blog-reel.module.scss b/devcon/src/components/domain/blog-overview/blog-reel.module.scss
@@ -20,5 +20,8 @@
     margin-right: 8px;
     margin-bottom: $gaps-gap-4;
     background: white;
+    border-radius: 4px !important; 
+    overflow: hidden;
+
   }
 }
diff --git a/devcon/src/components/domain/index/hero/dc7/particles.tsx b/devcon/src/components/domain/index/hero/dc7/particles.tsx
@@ -29,6 +29,17 @@ export const Butterflies = () => {
           </div>
         </div>
       </div>
+      <div className="borboleta-3">
+        <div className="borboleta-oval-squish">
+          <div className="borboleta-oval">
+            <div className="borboleta-radial">
+              <div className="borboleta-gfx">
+                <div className="borboleta-anim"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   )
 }
diff --git a/devcon/src/pages/index.tsx b/devcon/src/pages/index.tsx
@@ -46,8 +46,8 @@ export default pageHOC(function Index(props: any) {
         <div className="section">
           <div className="flex-col lg:flex-row flex mt-8 mb-8 pb-8 gap-8 border-bottom items-center">
             <div className="lg:basis-[1000px] lg:shrink">
-              <TitleDevcon style={{ marginBottom: '24px' }} />
-              <div className="rich-text">
+              <TitleDevcon className="hidden lg:block" />
+              <div className="rich-text mt-6">
                 <TinaMarkdown content={data.pages.section1?.body}></TinaMarkdown>
               </div>
             </div>
@@ -78,7 +78,7 @@ export default pageHOC(function Index(props: any) {
                 <TinaMarkdown content={data.pages.section2?.top}></TinaMarkdown>
               </div>
             </div>
-            <div className="flex gap-8">
+            <div className="flex flex-col md:flex-row gap-8">
               <div className="rich-text">
                 <TinaMarkdown content={data.pages.section2?.left}></TinaMarkdown>
               </div>
@@ -91,14 +91,14 @@ export default pageHOC(function Index(props: any) {
               {data.pages.section2?.button}
             </button>
           </div>
-          <div className="flex relative pt-12 mb-8 pb-8 gap-8 border-bottom items-center">
+          <div className="flex-col md:flex-row flex relative pt-12 mb-8 pb-8 gap-8 border-bottom items-center">
             <div className={`${css['scrolling-text-background']} ${css['alternate']}`}>
               <InfiniteScroller nDuplications={2} reverse speed="150s">
                 <p className="bold rotate-x-180">ROAD TO DEVCON&nbsp;</p>
               </InfiniteScroller>
             </div>
 
-            <div className="basis-[800px] shrink">
+            <div className="md:basis-[800px] shrink">
               <div className="rich-text">
                 <TinaMarkdown content={data.pages.section3?.body}></TinaMarkdown>
               </div>

diff --git a/devcon/src/pages/themes.module.scss b/devcon/src/pages/themes.module.scss
@@ -200,7 +200,7 @@
 
 
 .index {
-  --theme-color: #F0F2FF;
+  // --theme-color: #F0F2FF;
   --theme-color-hover: #{$colors-track-purple-hover};
   --theme-logo: url('../assets/images/pages/bogota-stroked.svg');
   --theme-gradient: radial-gradient(73.15% 179.46% at 90.19% 25.94%, #4860ff 0%, #9eabff 0.01%, rgba(162, 162, 162, 0.2) 100%);