fix image, turn off eslint rule

digdir · Jun 12, 2024 · 66bcebd · 66bcebd
1 parent 6be6d0c
commit 66bcebd
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 23 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -46,6 +46,9 @@ module.exports = {
     {
       files: ['apps/storefront/**/*', 'apps/dev/**/*', 'apps/theme/**/*'],
       extends: ['plugin:@next/next/recommended'],
+      overrides: {
+        '@next/next/no-img-element': 'off',
+      },
     },
   ],
   rules: {
@@ -59,7 +62,6 @@ module.exports = {
     'import/namespace': ['error', { allowComputed: true }],
     'import/no-named-as-default': 'off',
     '@next/next/no-html-link-for-pages': ['error', 'apps/storefront/pages/'],
-    '@next/next/no-img-element': 'off',
     'jsx-a11y/no-autofocus': 'off',
     'import/order': [
       'warn',

diff --git a/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css b/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css
@@ -33,12 +33,12 @@
   background-color: white;
 }
 
-.logo img {
-  box-shadow: none;
-  width: 50%;
-  height: 50%;
+.logo .logoImage {
+  box-shadow: none !important;
+  width: 50% !important;
+  height: 50% !important;
   margin: 0 !important;
-  background-color: transparent;
+  background-color: transparent !important;
 }
 
 .meta {

diff --git a/apps/storefront/app/bloggen/_components/Contributors/Contributors.tsx b/apps/storefront/app/bloggen/_components/Contributors/Contributors.tsx
@@ -14,6 +14,7 @@ export const Contributors = ({ authors }: ContributorsProps) => {
         <img
           src='/img/diamond-logo.svg'
           alt='Designsystemet logo'
+          className={classes.logoImage}
         />
       </div>
       <Heading

diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css
@@ -55,13 +55,6 @@
   margin: 0 auto;
 }
 
-.content p {
-  max-width: var(--text-max-width);
-  margin: var(--ds-spacing-6) 0;
-  margin-top: var(--ds-spacing-5);
-  line-height: 170%;
-}
-
 .content img {
   display: block;
   width: 860px;
@@ -70,16 +63,6 @@
   background-color: var(--ds-color-neutral-background-subtle);
 }
 
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5,
-.content h6 {
-  margin-top: var(--ds-spacing-12);
-  margin-bottom: var(--ds-spacing-5);
-}
-
 .content:last-child {
   margin-bottom: var(--ds-spacing-12);
 }