From fa1c7619478348bcaaf99a9d3349697458d47507 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Sun, 27 Feb 2022 14:48:56 +0330 Subject: [PATCH] update --- src/components/Alert/index.scss | 50 +++++++++++++++++++++------------ 1 file changed, 32 insertions(+), 18 deletions(-) diff --git a/src/components/Alert/index.scss b/src/components/Alert/index.scss index 554fbe3..f066819 100644 --- a/src/components/Alert/index.scss +++ b/src/components/Alert/index.scss @@ -170,34 +170,48 @@ $darkRed: #e92424; background-color: $lightGreen !important; color: $white !important; } -/* ? هاور دکمه ضربدر بالا سمت چپ */ + +// * هاور دکمه ضربدر بالا سمت چپ .close-button-2:hover { - background-color: var(--white) !important; - color: var(--error-color2) !important; - border: solid 4px var(--error-color2) !important; + background-color: $white !important; + color: $lightGreen !important; + border: solid 2px $lightGreen !important; } -/* ? کانفرم باتن */ + +// * کانفرم باتن .confirm-button-2 { - background-color: var(--white) !important; - border: solid 2px var(--error-color2) !important; - color: var(--error-color2) !important; + background-color: $white !important; + border: solid 1px $lightGreen !important; + color: $darkGreen !important; + // + position: absolute !important; + left: 20px !important; + margin-bottom: 33px !important; } -/* ? هاور کانفرم باتن */ + +// * هاور کانفرم باتن .confirm-button-2:hover { - background-color: var(--error-color2) !important; - color: var(--white) !important; + background-color: $lightGreen !important; + color: $white !important; } -/* ? کنسل باتن */ + +// * کنسل باتن .cancle-button2 { - background-color: var(--error-color2) !important; - color: var(--white) !important; - border: solid 2px var(--error-color2) !important; + background-color: $lightGreen !important; + color: $white !important; + border: solid 1px $lightGreen !important; + // + position: absolute !important; + left: 33% !important; + margin-bottom: 33px !important; } -/* ? هاور کنسل باتن */ + +// * هاور کنسل باتن .cancle-button2:hover { - background-color: var(--white) !important; - color: var(--error-color2) !important; + background: $white !important; + color: $lightGreen !important; } + /* !error4 */ /* ? تایتل */ .title-error-4 {