From a6fc1f2bae336d0513091a29dcd5aeebb115eee1 Mon Sep 17 00:00:00 2001 From: swarna1101 Date: Mon, 26 Aug 2024 10:34:45 +0100 Subject: [PATCH] feat: minor cosmetic change to the disclaimer (#240) --- .../ui/05-disclaimer/disclaimer.module.scss | 31 +++++++++++++++---- 1 file changed, 25 insertions(+), 6 deletions(-) diff --git a/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss index 48143e3..768bec0 100644 --- a/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss +++ b/src/widgets/07-ecosystem-screens/ui/05-disclaimer/disclaimer.module.scss @@ -1,21 +1,40 @@ .disclaimer { - font: 600 14px/1.2 $kFontPublicSans; + font: 600 14px/1.8 $kFontPublicSans; + display: flex; + justify-content: center; + align-items: center; + padding: 10px 0; + background-color: transparent; } .wrapper { - margin: 20px 0; - padding: 15px; - background-color: #f9f9f9; - border-left: 5px solid #f44336; + max-width: 1100px; + width: 100%; + margin: 15px auto; + padding: 20px 35px; + background-color: #ffffff; + border-left: 8px solid #f44336; + border-radius: 6px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.wrapper:hover { + transform: translateY(-3px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); } .content { margin: 0; - font-size: 14px; + font-size: 15px; + line-height: 1.8; color: #333; + text-align: justify; + letter-spacing: 0.5px; } .link { color: #0073e6; text-decoration: underline; + font-weight: 700; } \ No newline at end of file