small stuff

efdevcon · Jan 1, 2024 · 4ef2a03 · 4ef2a03
1 parent ae9b2ff
commit 4ef2a03
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss b/devcon/src/components/common/layouts/header/menu/foldout/foldout.module.scss
@@ -23,7 +23,7 @@
   overflow-y: auto;
   display: grid;
   position: fixed;
-  padding-top: calc(16px + var(--headerHeight));
+  padding-top: calc(4px + var(--headerHeight));
   padding-bottom: 16px;
   background: $colors-monochrome-1;
   color: $colors-main;

diff --git a/devcon/src/components/common/newsletter/Newsletter.tsx b/devcon/src/components/common/newsletter/Newsletter.tsx
@@ -5,7 +5,8 @@ import { useFormField } from 'hooks/useFormField'
 import { useTranslations } from 'next-intl'
 import css from './newsletter.module.scss'
 import { Alert } from '../alert'
-import { Button } from 'components/common/button'
+// import { Button } from 'components/common/button'
+import { Button } from 'lib/components/button'
 import { EMAIL_DEVCON } from 'utils/constants'
 
 export interface Result {
@@ -17,7 +18,8 @@ interface Props {
   id?: string
 }
 
-const MC_ENDPOINT = 'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&amp;id=013a6fa362'
+const MC_ENDPOINT =
+  'https://ethereum.us7.list-manage.com/subscribe/post-json?u=bfdb1ffb0f71e3a27b9d96aed&amp;id=013a6fa362'
 
 export const Newsletter = (props: Props) => {
   const intl = useTranslations()
@@ -29,7 +31,10 @@ export const Newsletter = (props: Props) => {
   }
 
   return (
-    <form action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0=" method="post">
+    <form
+      action="https://login.sendpulse.com/forms/simple/u/eyJ1c2VyX2lkIjo4MjUxNTM4LCJhZGRyZXNzX2Jvb2tfaWQiOjEwNDI3MSwibGFuZyI6ImVuIn0="
+      method="post"
+    >
       <div>
         <p className="semi-bold">{intl('newsletter_title')}</p>
         <div>
@@ -44,13 +49,13 @@ export const Newsletter = (props: Props) => {
                 <input
                   className={css['input']}
                   type="email"
-                  name='email'
+                  name="email"
                   id={props.id ?? 'newsletter_email'}
                   placeholder={intl('newsletter_enter')}
                   {...emailField}
                 />
                 <input type="hidden" name="sender" value={EMAIL_DEVCON} />
-                <Button className={`black ghost ${css['button']} thin-borders`} type="submit">
+                <Button color="default" type="submit">
                   {intl('newsletter_subscribe')}
                 </Button>
               </div>

diff --git a/devcon/src/components/domain/blog-overview/BlogReel.tsx b/devcon/src/components/domain/blog-overview/BlogReel.tsx
@@ -39,7 +39,7 @@ export function BlogReel(props: Props) {
 
   return (
     <div className="section no-overflow">
-      <div className="content margin-top">
+      <div className="content mt-4">
         <div className={`${css['cards']}`}>
           <Slider sliderProps={sliderProps} title="Devcon Blog">
             {props.blogs.map((blog: BlogPost, i: number) => {

diff --git a/devcon/src/components/domain/index/hero/hero.module.scss b/devcon/src/components/domain/index/hero/hero.module.scss
@@ -109,7 +109,7 @@ $logo-offset: 50px;
 
   // background: linear-gradient(45deg, #0744c6, #160b14, #0094a1);
   // background: linear-gradient(45deg, #91008f, #6c61a2, #76b1ff);
-  // background: linear-gradient(45deg, #91008f, #5c7093, #000280d6);
+  background: linear-gradient(45deg, #bf0bbc, #5c7093, #000280d6);
 
   // background-size: 600% 100%;
   // animation: gradient 16s linear infinite;