diff --git a/src/app/styles/variable.scss b/src/app/styles/variable.scss index 6db0970..5676994 100644 --- a/src/app/styles/variable.scss +++ b/src/app/styles/variable.scss @@ -11,6 +11,7 @@ $bg-hover: #e9ecef; $bg-light: #f8f9ff; $bg-darkening: #0000007a; $shadow-1: #0000001a; +$shadow-2: #8686861a; $white: #fff; $black: #000; $red: #dc2626; diff --git a/src/app/styles/violation-details.scss b/src/app/styles/violation-details.scss index 0df47bd..6b3cd1c 100644 --- a/src/app/styles/violation-details.scss +++ b/src/app/styles/violation-details.scss @@ -180,7 +180,7 @@ display: grid; grid-template-columns: 1fr 3fr; gap: 10px; - height: 80vh; + height: 81vh; margin-bottom: 20px; @media (max-width: 980px) { @@ -202,7 +202,7 @@ background: #fff; border: 1px solid #f3f4f6; border-radius: 20px; - box-shadow: 0 4px 20px #0000001a; + box-shadow: 0px 1px 0 2px v.$shadow-2; @@ -221,7 +221,7 @@ &:hover { transform: translateY(-2px); - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); + /* box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1); */ border-color: #cbd5e1; } @@ -1106,14 +1106,4 @@ gap: 12px; padding: 16px 20px; border-top: 1px solid v.$border-color-1; -} - -/* .btn-secondary { - background: #6c757d; - color: v.$white; - border: none; -} - -.btn-secondary:hover { - background: #5a6268; -} */ \ No newline at end of file +} \ No newline at end of file