From 18ce46d6c4faf84ae7828bde74b1072a961c0d22 Mon Sep 17 00:00:00 2001 From: Hugo Lextrait Date: Tue, 21 Feb 2023 16:39:42 +0100 Subject: [PATCH 1/4] :construction: WIP header container done, logo done, Header link with active comportment --- package-lock.json | 504 +++++++++--------- package.json | 1 + src/front/assets/link_logo.svg | 11 - src/front/assets/logo.png | Bin 0 -> 15644 bytes src/front/assets/logo.svg | 16 - .../Header/HeaderLink/classes.module.scss | 22 + .../DesignSystem/Header/HeaderLink/index.tsx | 40 ++ .../DesignSystem/Header/classes.module.scss | 16 + .../components/DesignSystem/Header/index.tsx | 20 + .../LayoutTemplates/DefaultLayout.tsx | 2 +- .../LayoutTemplates/DefaultTemplate/index.tsx | 6 +- .../Layouts/DesignSystem/classes.module.scss | 4 + .../components/Layouts/DesignSystem/index.tsx | 11 + .../Materials/Header/classes.module.scss | 69 --- .../components/Materials/Header/index.tsx | 58 -- src/front/themes/constants.scss | 3 + 16 files changed, 372 insertions(+), 411 deletions(-) delete mode 100644 src/front/assets/link_logo.svg create mode 100644 src/front/assets/logo.png delete mode 100644 src/front/assets/logo.svg create mode 100644 src/front/components/DesignSystem/Header/HeaderLink/classes.module.scss create mode 100644 src/front/components/DesignSystem/Header/HeaderLink/index.tsx create mode 100644 src/front/components/DesignSystem/Header/classes.module.scss create mode 100644 src/front/components/DesignSystem/Header/index.tsx delete mode 100644 src/front/components/Materials/Header/classes.module.scss delete mode 100644 src/front/components/Materials/Header/index.tsx diff --git a/package-lock.json b/package-lock.json index 9c4db16e..e7e6c80c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -83,36 +83,6 @@ "resolved": "https://registry.npmjs.org/@next/env/-/env-13.1.5.tgz", "integrity": "sha512-0Ry4NhJy6qLbXhvxPRUQ1H6RzgtryGdUto7hfgAK0Iw/bScgeVjwLZdfhm2iT7qsOS32apo9cWzLCxjc6iGPsA==" }, - "node_modules/@next/swc-android-arm-eabi": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.5.tgz", - "integrity": "sha512-QAEf3YM9U0qWVQTxgF3Tsh4OeCN1i9Smsf6cVlwZsPzoLyj2nQ879joCoN+ONqDknkBgG6OG/ajefywL3jw9Cg==", - "cpu": [ - "arm" - ], - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-android-arm64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.1.5.tgz", - "integrity": "sha512-ZmtGPTghRuT5YKL0nNcC2bBVSiG1O0is16eIZ2rWSP/hRW64ZCcAew6pxw2rihntNp22UfequjSTHd91WE/tyQ==", - "cpu": [ - "arm64" - ], - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">= 10" - } - }, "node_modules/@next/swc-darwin-arm64": { "version": "13.1.5", "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.1.5.tgz", @@ -128,156 +98,6 @@ "node": ">= 10" } }, - "node_modules/@next/swc-darwin-x64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.1.5.tgz", - "integrity": "sha512-6mPX0GNRg8NzjV70at8I8pD9YBnPHDpxJCoMuIqysdTjtQhd09Xk6GUhquNhp1kEJzzVk7OW5l2ch4XIJjtY3A==", - "cpu": [ - "x64" - ], - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-freebsd-x64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.5.tgz", - "integrity": "sha512-nR4a/SNblG0w8hhYRflTZjk4yD99ld18w/FCftw99ziw8sgciBlOXRICJIiRIaMRU8UH7QLSgBOQVnfNcVNKMA==", - "cpu": [ - "x64" - ], - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-linux-arm-gnueabihf": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.5.tgz", - "integrity": "sha512-EzkltCVKg3gUzamoeKPhGeSgXTTLAhSzc7v/+g1Y+HQa7JKMrlzdRkrJf+H4LJXcz7lnxgNKHGRyZBSXnmJKJw==", - "cpu": [ - "arm" - ], - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-linux-arm64-gnu": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.1.5.tgz", - "integrity": "sha512-E7HMkdoxStmTUJU4KzBUU4vZ5DHT4Gd327tC3KFZS5lda0NRerJAOCfsRg+fBj22FvCb1UWsX6XI+weL6xhyeQ==", - "cpu": [ - "arm64" - ], - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-linux-arm64-musl": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.1.5.tgz", - "integrity": "sha512-qlO0Fd3GQwJS6YpbF9NyL5NGHVZ43dKtZDC/jP4vdeMIYDtSu13HcY/nmA1NdW+RpMwDxSCpx4WKsCCEZGIX8Q==", - "cpu": [ - "arm64" - ], - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-linux-x64-gnu": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.1.5.tgz", - "integrity": "sha512-GftSBFAay2nocGl+KNqFsj6EVSvomaM/bp86hzezbKsTwQmu76PjOCVcejI1gE+4k7f5zPDgCuorF6F04BV0HQ==", - "cpu": [ - "x64" - ], - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-linux-x64-musl": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.1.5.tgz", - "integrity": "sha512-UD+3lxU4yuAjd+uBkCDfBpAcbGAVfEcE8mX/efIxUGIImmzN0QzgTHYEpKFnY3Lxu02dIBcwQRT3Q5mfO4obng==", - "cpu": [ - "x64" - ], - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-win32-arm64-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.1.5.tgz", - "integrity": "sha512-uzsvkQY+K3EbL+97IUHPWZPwjsCmCkdH/O5Cf9wCnh0k0gaj7ob1mGKqr1vNNak+9U7HloGwuHcXnZpijWSP7w==", - "cpu": [ - "arm64" - ], - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-win32-ia32-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.1.5.tgz", - "integrity": "sha512-v0NaC1w8mPf620GlJaHBdEm3dm4G4AEQMasDqjzQvo0yCRrvtvzMgCIe8MocBxFHzaF6868NybMqvumxP5YxEg==", - "cpu": [ - "ia32" - ], - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10" - } - }, - "node_modules/@next/swc-win32-x64-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.1.5.tgz", - "integrity": "sha512-IZHwvd649ccbWyLCfu92IXEpR250NpmBkaRelPV+WVm4jrd62FKRFCNdqdCXq6TrEg9wN8cK4YG8tm44uEZqLA==", - "cpu": [ - "x64" - ], - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10" - } - }, "node_modules/@prisma/client": { "version": "4.9.0", "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.9.0.tgz", @@ -2450,6 +2270,186 @@ "engines": { "node": ">=6" } + }, + "node_modules/@next/swc-android-arm-eabi": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.5.tgz", + "integrity": "sha512-QAEf3YM9U0qWVQTxgF3Tsh4OeCN1i9Smsf6cVlwZsPzoLyj2nQ879joCoN+ONqDknkBgG6OG/ajefywL3jw9Cg==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-android-arm64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.1.5.tgz", + "integrity": "sha512-ZmtGPTghRuT5YKL0nNcC2bBVSiG1O0is16eIZ2rWSP/hRW64ZCcAew6pxw2rihntNp22UfequjSTHd91WE/tyQ==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-darwin-x64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.1.5.tgz", + "integrity": "sha512-6mPX0GNRg8NzjV70at8I8pD9YBnPHDpxJCoMuIqysdTjtQhd09Xk6GUhquNhp1kEJzzVk7OW5l2ch4XIJjtY3A==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-freebsd-x64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.5.tgz", + "integrity": "sha512-nR4a/SNblG0w8hhYRflTZjk4yD99ld18w/FCftw99ziw8sgciBlOXRICJIiRIaMRU8UH7QLSgBOQVnfNcVNKMA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm-gnueabihf": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.5.tgz", + "integrity": "sha512-EzkltCVKg3gUzamoeKPhGeSgXTTLAhSzc7v/+g1Y+HQa7JKMrlzdRkrJf+H4LJXcz7lnxgNKHGRyZBSXnmJKJw==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-gnu": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.1.5.tgz", + "integrity": "sha512-E7HMkdoxStmTUJU4KzBUU4vZ5DHT4Gd327tC3KFZS5lda0NRerJAOCfsRg+fBj22FvCb1UWsX6XI+weL6xhyeQ==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-musl": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.1.5.tgz", + "integrity": "sha512-qlO0Fd3GQwJS6YpbF9NyL5NGHVZ43dKtZDC/jP4vdeMIYDtSu13HcY/nmA1NdW+RpMwDxSCpx4WKsCCEZGIX8Q==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-gnu": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.1.5.tgz", + "integrity": "sha512-GftSBFAay2nocGl+KNqFsj6EVSvomaM/bp86hzezbKsTwQmu76PjOCVcejI1gE+4k7f5zPDgCuorF6F04BV0HQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-musl": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.1.5.tgz", + "integrity": "sha512-UD+3lxU4yuAjd+uBkCDfBpAcbGAVfEcE8mX/efIxUGIImmzN0QzgTHYEpKFnY3Lxu02dIBcwQRT3Q5mfO4obng==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-arm64-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.1.5.tgz", + "integrity": "sha512-uzsvkQY+K3EbL+97IUHPWZPwjsCmCkdH/O5Cf9wCnh0k0gaj7ob1mGKqr1vNNak+9U7HloGwuHcXnZpijWSP7w==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-ia32-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.1.5.tgz", + "integrity": "sha512-v0NaC1w8mPf620GlJaHBdEm3dm4G4AEQMasDqjzQvo0yCRrvtvzMgCIe8MocBxFHzaF6868NybMqvumxP5YxEg==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-x64-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.1.5.tgz", + "integrity": "sha512-IZHwvd649ccbWyLCfu92IXEpR250NpmBkaRelPV+WVm4jrd62FKRFCNdqdCXq6TrEg9wN8cK4YG8tm44uEZqLA==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } } }, "dependencies": { @@ -2485,84 +2485,12 @@ "resolved": "https://registry.npmjs.org/@next/env/-/env-13.1.5.tgz", "integrity": "sha512-0Ry4NhJy6qLbXhvxPRUQ1H6RzgtryGdUto7hfgAK0Iw/bScgeVjwLZdfhm2iT7qsOS32apo9cWzLCxjc6iGPsA==" }, - "@next/swc-android-arm-eabi": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.5.tgz", - "integrity": "sha512-QAEf3YM9U0qWVQTxgF3Tsh4OeCN1i9Smsf6cVlwZsPzoLyj2nQ879joCoN+ONqDknkBgG6OG/ajefywL3jw9Cg==", - "optional": true - }, - "@next/swc-android-arm64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.1.5.tgz", - "integrity": "sha512-ZmtGPTghRuT5YKL0nNcC2bBVSiG1O0is16eIZ2rWSP/hRW64ZCcAew6pxw2rihntNp22UfequjSTHd91WE/tyQ==", - "optional": true - }, "@next/swc-darwin-arm64": { "version": "13.1.5", "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.1.5.tgz", "integrity": "sha512-aeFXK+M/zmG/CNdMJ0tGNs0MWcLueUe7vZ2V6fa+2yz/ZgYJLI7fEfFvVh1p1yBMzupSbZDowvMuCSFTaeg3MA==", "optional": true }, - "@next/swc-darwin-x64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.1.5.tgz", - "integrity": "sha512-6mPX0GNRg8NzjV70at8I8pD9YBnPHDpxJCoMuIqysdTjtQhd09Xk6GUhquNhp1kEJzzVk7OW5l2ch4XIJjtY3A==", - "optional": true - }, - "@next/swc-freebsd-x64": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.5.tgz", - "integrity": "sha512-nR4a/SNblG0w8hhYRflTZjk4yD99ld18w/FCftw99ziw8sgciBlOXRICJIiRIaMRU8UH7QLSgBOQVnfNcVNKMA==", - "optional": true - }, - "@next/swc-linux-arm-gnueabihf": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.5.tgz", - "integrity": "sha512-EzkltCVKg3gUzamoeKPhGeSgXTTLAhSzc7v/+g1Y+HQa7JKMrlzdRkrJf+H4LJXcz7lnxgNKHGRyZBSXnmJKJw==", - "optional": true - }, - "@next/swc-linux-arm64-gnu": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.1.5.tgz", - "integrity": "sha512-E7HMkdoxStmTUJU4KzBUU4vZ5DHT4Gd327tC3KFZS5lda0NRerJAOCfsRg+fBj22FvCb1UWsX6XI+weL6xhyeQ==", - "optional": true - }, - "@next/swc-linux-arm64-musl": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.1.5.tgz", - "integrity": "sha512-qlO0Fd3GQwJS6YpbF9NyL5NGHVZ43dKtZDC/jP4vdeMIYDtSu13HcY/nmA1NdW+RpMwDxSCpx4WKsCCEZGIX8Q==", - "optional": true - }, - "@next/swc-linux-x64-gnu": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.1.5.tgz", - "integrity": "sha512-GftSBFAay2nocGl+KNqFsj6EVSvomaM/bp86hzezbKsTwQmu76PjOCVcejI1gE+4k7f5zPDgCuorF6F04BV0HQ==", - "optional": true - }, - "@next/swc-linux-x64-musl": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.1.5.tgz", - "integrity": "sha512-UD+3lxU4yuAjd+uBkCDfBpAcbGAVfEcE8mX/efIxUGIImmzN0QzgTHYEpKFnY3Lxu02dIBcwQRT3Q5mfO4obng==", - "optional": true - }, - "@next/swc-win32-arm64-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.1.5.tgz", - "integrity": "sha512-uzsvkQY+K3EbL+97IUHPWZPwjsCmCkdH/O5Cf9wCnh0k0gaj7ob1mGKqr1vNNak+9U7HloGwuHcXnZpijWSP7w==", - "optional": true - }, - "@next/swc-win32-ia32-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.1.5.tgz", - "integrity": "sha512-v0NaC1w8mPf620GlJaHBdEm3dm4G4AEQMasDqjzQvo0yCRrvtvzMgCIe8MocBxFHzaF6868NybMqvumxP5YxEg==", - "optional": true - }, - "@next/swc-win32-x64-msvc": { - "version": "13.1.5", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.1.5.tgz", - "integrity": "sha512-IZHwvd649ccbWyLCfu92IXEpR250NpmBkaRelPV+WVm4jrd62FKRFCNdqdCXq6TrEg9wN8cK4YG8tm44uEZqLA==", - "optional": true - }, "@prisma/client": { "version": "4.9.0", "resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.9.0.tgz", @@ -4230,6 +4158,78 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==" + }, + "@next/swc-android-arm-eabi": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.5.tgz", + "integrity": "sha512-QAEf3YM9U0qWVQTxgF3Tsh4OeCN1i9Smsf6cVlwZsPzoLyj2nQ879joCoN+ONqDknkBgG6OG/ajefywL3jw9Cg==", + "optional": true + }, + "@next/swc-android-arm64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.1.5.tgz", + "integrity": "sha512-ZmtGPTghRuT5YKL0nNcC2bBVSiG1O0is16eIZ2rWSP/hRW64ZCcAew6pxw2rihntNp22UfequjSTHd91WE/tyQ==", + "optional": true + }, + "@next/swc-darwin-x64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.1.5.tgz", + "integrity": "sha512-6mPX0GNRg8NzjV70at8I8pD9YBnPHDpxJCoMuIqysdTjtQhd09Xk6GUhquNhp1kEJzzVk7OW5l2ch4XIJjtY3A==", + "optional": true + }, + "@next/swc-freebsd-x64": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.5.tgz", + "integrity": "sha512-nR4a/SNblG0w8hhYRflTZjk4yD99ld18w/FCftw99ziw8sgciBlOXRICJIiRIaMRU8UH7QLSgBOQVnfNcVNKMA==", + "optional": true + }, + "@next/swc-linux-arm-gnueabihf": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.5.tgz", + "integrity": "sha512-EzkltCVKg3gUzamoeKPhGeSgXTTLAhSzc7v/+g1Y+HQa7JKMrlzdRkrJf+H4LJXcz7lnxgNKHGRyZBSXnmJKJw==", + "optional": true + }, + "@next/swc-linux-arm64-gnu": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.1.5.tgz", + "integrity": "sha512-E7HMkdoxStmTUJU4KzBUU4vZ5DHT4Gd327tC3KFZS5lda0NRerJAOCfsRg+fBj22FvCb1UWsX6XI+weL6xhyeQ==", + "optional": true + }, + "@next/swc-linux-arm64-musl": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.1.5.tgz", + "integrity": "sha512-qlO0Fd3GQwJS6YpbF9NyL5NGHVZ43dKtZDC/jP4vdeMIYDtSu13HcY/nmA1NdW+RpMwDxSCpx4WKsCCEZGIX8Q==", + "optional": true + }, + "@next/swc-linux-x64-gnu": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.1.5.tgz", + "integrity": "sha512-GftSBFAay2nocGl+KNqFsj6EVSvomaM/bp86hzezbKsTwQmu76PjOCVcejI1gE+4k7f5zPDgCuorF6F04BV0HQ==", + "optional": true + }, + "@next/swc-linux-x64-musl": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.1.5.tgz", + "integrity": "sha512-UD+3lxU4yuAjd+uBkCDfBpAcbGAVfEcE8mX/efIxUGIImmzN0QzgTHYEpKFnY3Lxu02dIBcwQRT3Q5mfO4obng==", + "optional": true + }, + "@next/swc-win32-arm64-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.1.5.tgz", + "integrity": "sha512-uzsvkQY+K3EbL+97IUHPWZPwjsCmCkdH/O5Cf9wCnh0k0gaj7ob1mGKqr1vNNak+9U7HloGwuHcXnZpijWSP7w==", + "optional": true + }, + "@next/swc-win32-ia32-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.1.5.tgz", + "integrity": "sha512-v0NaC1w8mPf620GlJaHBdEm3dm4G4AEQMasDqjzQvo0yCRrvtvzMgCIe8MocBxFHzaF6868NybMqvumxP5YxEg==", + "optional": true + }, + "@next/swc-win32-x64-msvc": { + "version": "13.1.5", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.1.5.tgz", + "integrity": "sha512-IZHwvd649ccbWyLCfu92IXEpR250NpmBkaRelPV+WVm4jrd62FKRFCNdqdCXq6TrEg9wN8cK4YG8tm44uEZqLA==", + "optional": true } } } diff --git a/package.json b/package.json index 4a06c723..e5455c16 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "_moduleAliases": { "@Api": "./dist/api", "@Pages": "./dist/pages", + "@Components": "./dist/front/components", "@Common": "./dist/common", "@Services": "./dist/common/services", "@Entries": "./dist/common/entries", diff --git a/src/front/assets/link_logo.svg b/src/front/assets/link_logo.svg deleted file mode 100644 index 4d2dc991..00000000 --- a/src/front/assets/link_logo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/front/assets/logo.png b/src/front/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..7a1254693e2370b715fa562ad4726b418feec227 GIT binary patch literal 15644 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 - - - - - - - - - - - - - - - diff --git a/src/front/components/DesignSystem/Header/HeaderLink/classes.module.scss b/src/front/components/DesignSystem/Header/HeaderLink/classes.module.scss new file mode 100644 index 00000000..5bbc5d29 --- /dev/null +++ b/src/front/components/DesignSystem/Header/HeaderLink/classes.module.scss @@ -0,0 +1,22 @@ +@import "@Themes/constants.scss"; + +.root { + display: flex; + position: relative; + width: fit-content; + margin: auto; + height: 83px; + padding: 10px 16px; + + .content{ + margin: auto; + } + .underline{ + width: 100%; + height: 3px; + background-color: $black; + position: absolute; + bottom: 0; + left: 0; + } +} \ No newline at end of file diff --git a/src/front/components/DesignSystem/Header/HeaderLink/index.tsx b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx new file mode 100644 index 00000000..c17307bb --- /dev/null +++ b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx @@ -0,0 +1,40 @@ +import React from "react"; +import classes from "./classes.module.scss"; +import Link from "next/link"; +import Typography, { ITypo } from "../../Typography"; +import classNames from "classnames"; +import router from "next/router"; +import { useEffect, useState } from 'react' + +type IPropsClass = { + text: string | JSX.Element; + path: string; + isActive?: boolean; +}; + +type IStateClass = IProps & { +}; + +type IProps = {} + +class HeaderLinkClass extends React.Component { + public override render(): JSX.Element { + return +
+ + {this.props.text} + +
+ {this.props.isActive &&
} + ; + } + +} + +export default function HeaderLink(props: IPropsClass) { + const [url, setUrl] = useState("") + useEffect(() => setUrl(router?.asPath), []) + const isActive = url === props.path; + return ; +} diff --git a/src/front/components/DesignSystem/Header/classes.module.scss b/src/front/components/DesignSystem/Header/classes.module.scss new file mode 100644 index 00000000..bf60b8df --- /dev/null +++ b/src/front/components/DesignSystem/Header/classes.module.scss @@ -0,0 +1,16 @@ +@import "@Themes/constants.scss"; + +.root { + display: flex; + align-items: center; + height: 83px; + background-color: $white; + box-shadow: $shadow-neutral; + padding: 0 48px; + .logo-container{ + .logo{ + width: 174px; + height: 39px; + } + } +} \ No newline at end of file diff --git a/src/front/components/DesignSystem/Header/index.tsx b/src/front/components/DesignSystem/Header/index.tsx new file mode 100644 index 00000000..6f9b34c3 --- /dev/null +++ b/src/front/components/DesignSystem/Header/index.tsx @@ -0,0 +1,20 @@ +import React from "react"; +import classes from "./classes.module.scss"; +import Image from "next/image"; +import LogoIcon from "@Assets/logo.png" +import Link from "next/link"; + +type IProps = {}; +type IState = {}; + +export default class Header extends React.Component { + public override render(): JSX.Element { + return
+
+ + logo + +
+
; + } +} diff --git a/src/front/components/LayoutTemplates/DefaultLayout.tsx b/src/front/components/LayoutTemplates/DefaultLayout.tsx index 92eb71b3..c862295b 100644 --- a/src/front/components/LayoutTemplates/DefaultLayout.tsx +++ b/src/front/components/LayoutTemplates/DefaultLayout.tsx @@ -7,7 +7,7 @@ export const DefaultLayout = ({ children }: DefaultLayoutProps) => { return ( <> - Tezos Link + LECoffre
{children}
diff --git a/src/front/components/LayoutTemplates/DefaultTemplate/index.tsx b/src/front/components/LayoutTemplates/DefaultTemplate/index.tsx index 6da3ed1d..2d99de76 100644 --- a/src/front/components/LayoutTemplates/DefaultTemplate/index.tsx +++ b/src/front/components/LayoutTemplates/DefaultTemplate/index.tsx @@ -1,8 +1,6 @@ import React, { ReactNode } from "react"; - -// import Header from "@Components/Materials/Header"; - import classes from "./classes.module.scss"; +import Header from "@Front/Components/DesignSystem/Header"; type IProps = { title: string; @@ -22,7 +20,7 @@ export default class DefaultTemplate extends React.Component { public override render(): JSX.Element { return ( <> - {/*
*/} +
{this.props.children}
diff --git a/src/front/components/Layouts/DesignSystem/classes.module.scss b/src/front/components/Layouts/DesignSystem/classes.module.scss index 820b368a..f4ab9c5e 100644 --- a/src/front/components/Layouts/DesignSystem/classes.module.scss +++ b/src/front/components/Layouts/DesignSystem/classes.module.scss @@ -5,4 +5,8 @@ .sub-section { margin-bottom: 24px; } + + .inline-flex{ + display: inline-flex; + } } diff --git a/src/front/components/Layouts/DesignSystem/index.tsx b/src/front/components/Layouts/DesignSystem/index.tsx index 179308bd..4a2b7e7a 100644 --- a/src/front/components/Layouts/DesignSystem/index.tsx +++ b/src/front/components/Layouts/DesignSystem/index.tsx @@ -4,6 +4,7 @@ import DefaultTemplate from "@Front/Components/LayoutTemplates/DefaultTemplate"; import BasePage from "../Base"; import classes from "./classes.module.scss"; import Confirm from "@Front/Components/DesignSystem/Modal/Confirm"; +import HeaderLink from "@Front/Components/DesignSystem/Header/HeaderLink"; type IState = { isModalDisplayed: boolean @@ -72,6 +73,16 @@ export default class DesignSystem extends BasePage {
+
+
+ HeaderLink components +
+
+ + +
+
+ ); diff --git a/src/front/components/Materials/Header/classes.module.scss b/src/front/components/Materials/Header/classes.module.scss deleted file mode 100644 index 3e2f9fba..00000000 --- a/src/front/components/Materials/Header/classes.module.scss +++ /dev/null @@ -1,69 +0,0 @@ -@import "@Themes/constants.scss"; - -.root { - z-index: 10; - height: 64px; - background-color: $backgroundColor; - position: fixed; - top: 0; - width: 100vw; - box-shadow: 0 6px 10px $shadowColor; - - .triangle-under-logo { - position: absolute; - top: 64px; - left: calc(50vw - 70px); - width: 0; - height: 0; - border-left: 70px solid transparent; - border-right: 70px solid transparent; - border-top: 40px solid $backgroundColor; - filter: drop-shadow(0 4px 5px $shadowColor); - } - - - .menu { - position: absolute; - height: 64px; - top: 4px; - left: 60px; - line-height: 64px; - - @media (max-width: 900px) { - display: none; - } - } - - .logo { - position: absolute; - top: 13px; - left: calc(50vw - 30px); - - img { - height: 68px; - width: auto; - margin-top: 5px; - filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); - } - } - - .button { - position: absolute; - top: 14px; - right: 14px; - display: grid; - grid-template-columns: 130px 120px; - grid-gap: 10px; - - @media (max-width: 900px) { - display: none; - } - } - - .top-menu-burger { - position: absolute; - top: 10px; - left: 10px; - background-color: aqua; - } -} \ No newline at end of file diff --git a/src/front/components/Materials/Header/index.tsx b/src/front/components/Materials/Header/index.tsx deleted file mode 100644 index 703721a2..00000000 --- a/src/front/components/Materials/Header/index.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import Link from "next/link"; -import React from "react"; -import Image from "next/image"; -import TezosLinkLogo from "@Assets/link_logo.svg"; -import Logo from "@Assets/logo.svg"; -import classes from "./classes.module.scss"; -import Burger from "@Front/Components/Elements/Burger"; - -type IProps = {}; -type IState = { - status: boolean; -}; - -export default class Header extends React.Component { - public constructor(props: IProps) { - super(props); - this.state = { - status: false, - }; - - this.switchStatus = this.switchStatus.bind(this); - } - - public override render(): JSX.Element { - return ( - <> -
- -
- - TEZOS LINK - -
-
-
- - entire stack - -
-
- - {/*
-
- - ); - } - - private switchStatus() { - this.state.status - ? this.setState({ status: false }) - : this.setState({ status: true }); - } -} diff --git a/src/front/themes/constants.scss b/src/front/themes/constants.scss index 188bd45c..4a9487b4 100644 --- a/src/front/themes/constants.scss +++ b/src/front/themes/constants.scss @@ -34,3 +34,6 @@ $grey-medium: #e7e7e7; $grey-soft: #f9f9f9; $modal-background: rgba(0, 0, 0, 0.44); + +$shadow-neutral: 0px 8px 10px 0px #00000012; + From f59ae244cc4e0b9e2c29d51b2f95390f7aebf3a9 Mon Sep 17 00:00:00 2001 From: Hugo Lextrait Date: Tue, 21 Feb 2023 16:41:24 +0100 Subject: [PATCH 2/4] fix unused props --- .../components/DesignSystem/Header/HeaderLink/index.tsx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/front/components/DesignSystem/Header/HeaderLink/index.tsx b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx index c17307bb..b1c0118d 100644 --- a/src/front/components/DesignSystem/Header/HeaderLink/index.tsx +++ b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx @@ -12,10 +12,7 @@ type IPropsClass = { isActive?: boolean; }; -type IStateClass = IProps & { -}; - -type IProps = {} +type IStateClass = {}; class HeaderLinkClass extends React.Component { public override render(): JSX.Element { @@ -36,5 +33,5 @@ export default function HeaderLink(props: IPropsClass) { const [url, setUrl] = useState("") useEffect(() => setUrl(router?.asPath), []) const isActive = url === props.path; - return ; + return ; } From 9a54b30e0e8dba863afa3012b229e6fb2502ffae Mon Sep 17 00:00:00 2001 From: Hugo Lextrait Date: Tue, 21 Feb 2023 17:24:51 +0100 Subject: [PATCH 3/4] :sparkles: header done, need to implement responsiv, notifications component, profile component and burgermenu --- src/front/assets/icons/notification.svg | 5 +++++ src/front/assets/icons/user.svg | 4 ++++ .../DesignSystem/Header/HeaderLink/index.tsx | 4 ++-- .../Header/Navigation/classes.module.scss | 5 +++++ .../DesignSystem/Header/Navigation/index.tsx | 18 ++++++++++++++++++ .../Header/Notifications/classes.module.scss | 8 ++++++++ .../Header/Notifications/index.tsx | 15 +++++++++++++++ .../Header/Profile/classes.module.scss | 8 ++++++++ .../DesignSystem/Header/Profile/index.tsx | 15 +++++++++++++++ .../DesignSystem/Header/classes.module.scss | 13 +++++++++++-- .../components/DesignSystem/Header/index.tsx | 8 ++++++++ 11 files changed, 99 insertions(+), 4 deletions(-) create mode 100644 src/front/assets/icons/notification.svg create mode 100644 src/front/assets/icons/user.svg create mode 100644 src/front/components/DesignSystem/Header/Navigation/classes.module.scss create mode 100644 src/front/components/DesignSystem/Header/Navigation/index.tsx create mode 100644 src/front/components/DesignSystem/Header/Notifications/classes.module.scss create mode 100644 src/front/components/DesignSystem/Header/Notifications/index.tsx create mode 100644 src/front/components/DesignSystem/Header/Profile/classes.module.scss create mode 100644 src/front/components/DesignSystem/Header/Profile/index.tsx diff --git a/src/front/assets/icons/notification.svg b/src/front/assets/icons/notification.svg new file mode 100644 index 00000000..ab1761dd --- /dev/null +++ b/src/front/assets/icons/notification.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/front/assets/icons/user.svg b/src/front/assets/icons/user.svg new file mode 100644 index 00000000..61ee9be9 --- /dev/null +++ b/src/front/assets/icons/user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/front/components/DesignSystem/Header/HeaderLink/index.tsx b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx index b1c0118d..9c1259f5 100644 --- a/src/front/components/DesignSystem/Header/HeaderLink/index.tsx +++ b/src/front/components/DesignSystem/Header/HeaderLink/index.tsx @@ -8,7 +8,7 @@ import { useEffect, useState } from 'react' type IPropsClass = { text: string | JSX.Element; - path: string; + path?: string; isActive?: boolean; }; @@ -16,7 +16,7 @@ type IStateClass = {}; class HeaderLinkClass extends React.Component { public override render(): JSX.Element { - return
diff --git a/src/front/components/DesignSystem/Header/Navigation/classes.module.scss b/src/front/components/DesignSystem/Header/Navigation/classes.module.scss new file mode 100644 index 00000000..79e9f40c --- /dev/null +++ b/src/front/components/DesignSystem/Header/Navigation/classes.module.scss @@ -0,0 +1,5 @@ +@import "@Themes/constants.scss"; + +.root { + display: inline-flex; +} diff --git a/src/front/components/DesignSystem/Header/Navigation/index.tsx b/src/front/components/DesignSystem/Header/Navigation/index.tsx new file mode 100644 index 00000000..b5d8402d --- /dev/null +++ b/src/front/components/DesignSystem/Header/Navigation/index.tsx @@ -0,0 +1,18 @@ +import React from "react"; +import classes from "./classes.module.scss"; +import HeaderLink from "../HeaderLink"; + +type IProps = {}; +type IState = {}; + +export default class Navigation extends React.Component { + public override render(): JSX.Element { + return
+ + + + + +
; + } +} diff --git a/src/front/components/DesignSystem/Header/Notifications/classes.module.scss b/src/front/components/DesignSystem/Header/Notifications/classes.module.scss new file mode 100644 index 00000000..9501ac5b --- /dev/null +++ b/src/front/components/DesignSystem/Header/Notifications/classes.module.scss @@ -0,0 +1,8 @@ +@import "@Themes/constants.scss"; + +.root { + .notification-icon{ + height: 24px; + width: 24px; + } +} diff --git a/src/front/components/DesignSystem/Header/Notifications/index.tsx b/src/front/components/DesignSystem/Header/Notifications/index.tsx new file mode 100644 index 00000000..ba9fb00d --- /dev/null +++ b/src/front/components/DesignSystem/Header/Notifications/index.tsx @@ -0,0 +1,15 @@ +import React from "react"; +import classes from "./classes.module.scss"; +import Image from "next/image"; +import NotificationIcon from "@Assets/icons/notification.svg"; + +type IProps = {}; +type IState = {}; + +export default class Notifications extends React.Component { + public override render(): JSX.Element { + return
+ notifications +
; + } +} diff --git a/src/front/components/DesignSystem/Header/Profile/classes.module.scss b/src/front/components/DesignSystem/Header/Profile/classes.module.scss new file mode 100644 index 00000000..43b03265 --- /dev/null +++ b/src/front/components/DesignSystem/Header/Profile/classes.module.scss @@ -0,0 +1,8 @@ +@import "@Themes/constants.scss"; + +.root { + .profile-icon{ + height: 24px; + width: 24px; + } +} diff --git a/src/front/components/DesignSystem/Header/Profile/index.tsx b/src/front/components/DesignSystem/Header/Profile/index.tsx new file mode 100644 index 00000000..8605842b --- /dev/null +++ b/src/front/components/DesignSystem/Header/Profile/index.tsx @@ -0,0 +1,15 @@ +import React from "react"; +import classes from "./classes.module.scss"; +import Image from "next/image"; +import ProfileIcon from "@Assets/icons/user.svg"; + +type IProps = {}; +type IState = {}; + +export default class Profile extends React.Component { + public override render(): JSX.Element { + return
+ notifications +
; + } +} diff --git a/src/front/components/DesignSystem/Header/classes.module.scss b/src/front/components/DesignSystem/Header/classes.module.scss index bf60b8df..5757c25c 100644 --- a/src/front/components/DesignSystem/Header/classes.module.scss +++ b/src/front/components/DesignSystem/Header/classes.module.scss @@ -3,14 +3,23 @@ .root { display: flex; align-items: center; + justify-content: space-between; height: 83px; background-color: $white; box-shadow: $shadow-neutral; padding: 0 48px; - .logo-container{ - .logo{ + + .logo-container { + .logo { width: 174px; height: 39px; } } + + .right-section { + display: inline-flex; + >:first-child{ + margin-right: 32px; + } + } } \ No newline at end of file diff --git a/src/front/components/DesignSystem/Header/index.tsx b/src/front/components/DesignSystem/Header/index.tsx index 6f9b34c3..b4ca00a9 100644 --- a/src/front/components/DesignSystem/Header/index.tsx +++ b/src/front/components/DesignSystem/Header/index.tsx @@ -3,6 +3,9 @@ import classes from "./classes.module.scss"; import Image from "next/image"; import LogoIcon from "@Assets/logo.png" import Link from "next/link"; +import Navigation from "./Navigation"; +import Notifications from "./Notifications"; +import Profile from "./Profile"; type IProps = {}; type IState = {}; @@ -15,6 +18,11 @@ export default class Header extends React.Component { logo
+ +
+ + +
; } } From 2c5ca6a57cfc0cbf58ed6ec35f5cfbef9c82b91c Mon Sep 17 00:00:00 2001 From: Hugo Lextrait Date: Wed, 22 Feb 2023 08:35:04 +0100 Subject: [PATCH 4/4] :art: header responsiv --- .../DesignSystem/Header/Navigation/classes.module.scss | 3 +++ src/front/themes/constants.scss | 8 ++++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/front/components/DesignSystem/Header/Navigation/classes.module.scss b/src/front/components/DesignSystem/Header/Navigation/classes.module.scss index 79e9f40c..ba0e4863 100644 --- a/src/front/components/DesignSystem/Header/Navigation/classes.module.scss +++ b/src/front/components/DesignSystem/Header/Navigation/classes.module.scss @@ -2,4 +2,7 @@ .root { display: inline-flex; + @media screen and (max-width: $screen-ls) { + display: none; + } } diff --git a/src/front/themes/constants.scss b/src/front/themes/constants.scss index 4a9487b4..9f0a3d72 100644 --- a/src/front/themes/constants.scss +++ b/src/front/themes/constants.scss @@ -1,8 +1,9 @@ -$screen-xl: 2559px; +// $screen-xl: 2559px; $screen-l: 1440px; +$screen-ls: 1210px; $screen-m: 1023px; $screen-s: 767px; -$screen-xs: 424px; +// $screen-xs: 424px; $custom-easing: cubic-bezier(0.645, 0.045, 0.355, 1); @@ -35,5 +36,4 @@ $grey-soft: #f9f9f9; $modal-background: rgba(0, 0, 0, 0.44); -$shadow-neutral: 0px 8px 10px 0px #00000012; - +$shadow-neutral: 0px 8px 10px 0px #00000012; \ No newline at end of file