From 88cde18bb2f92f4bc0e782b6635567c8c8f82a82 Mon Sep 17 00:00:00 2001
From: Mahbod <74229780+M4hbod@users.noreply.github.com>
Date: Mon, 8 May 2023 02:55:06 +0330
Subject: [PATCH 1/2] update .ant-modal ui
---
web/assets/ant-design-vue@1.7.2/antd.min.css | 4 ++--
web/assets/css/custom.css | 6 +++---
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/web/assets/ant-design-vue@1.7.2/antd.min.css b/web/assets/ant-design-vue@1.7.2/antd.min.css
index 846bbe54..a9cda542 100644
--- a/web/assets/ant-design-vue@1.7.2/antd.min.css
+++ b/web/assets/ant-design-vue@1.7.2/antd.min.css
@@ -3532,9 +3532,9 @@ to{max-height:0;padding:0;opacity:0}
.ant-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}
.ant-modal-close-x{display:block;width:56px;height:56px;font-size:16px;font-style:normal;line-height:56px;text-align:center;text-transform:none;text-rendering:auto}
.ant-modal-close:focus,.ant-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}
-.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.65);background:#fff;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0}
+.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.65);background:#fff;border-bottom:1px solid rgb(153 153 153 / 20%);border-radius:4px 4px 0 0}
.ant-modal-body{padding:24px;font-size:14px;line-height:1.5;word-wrap:break-word}
-.ant-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid #e8e8e8;border-radius:0 0 4px 4px}
+.ant-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid rgb(153 153 153 / 20%);border-radius:0 0 4px 4px}
.ant-modal-footer button+button{margin-bottom:0;margin-left:8px}
.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45);filter:alpha(opacity=50)}
diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index d0deb71c..55d24888 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -268,15 +268,15 @@
.ant-dropdown-menu-dark,
.ant-card-dark .ant-modal-content {
- border: 1px solid rgba(255, 255, 255, 0.65);
- box-shadow: 0 2px 8px rgba(255,255,255,.15);
+ border: 1px solid rgb(153 153 153 / 20%);
+ box-shadow: 0 1px 10px -1px #0000005c;
}
.ant-card-dark .ant-modal-content,
.ant-card-dark .ant-modal-body,
.ant-card-dark .ant-modal-header {
color: hsla(0,0%,100%,.65);
- background-color: #222a37;
+ background-color: #1a212a;
}
.ant-card-dark .ant-calendar-selected-day .ant-calendar-date {
From 5e3e965647ae379276a79e5657e31ad09121e8db Mon Sep 17 00:00:00 2001
From: Mahbod <74229780+M4hbod@users.noreply.github.com>
Date: Mon, 8 May 2023 03:36:52 +0330
Subject: [PATCH 2/2] add margin to .ant-modal
---
web/assets/ant-design-vue@1.7.2/antd.min.css | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/web/assets/ant-design-vue@1.7.2/antd.min.css b/web/assets/ant-design-vue@1.7.2/antd.min.css
index a9cda542..3135fe4f 100644
--- a/web/assets/ant-design-vue@1.7.2/antd.min.css
+++ b/web/assets/ant-design-vue@1.7.2/antd.min.css
@@ -3532,9 +3532,9 @@ to{max-height:0;padding:0;opacity:0}
.ant-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}
.ant-modal-close-x{display:block;width:56px;height:56px;font-size:16px;font-style:normal;line-height:56px;text-align:center;text-transform:none;text-rendering:auto}
.ant-modal-close:focus,.ant-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}
-.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.65);background:#fff;border-bottom:1px solid rgb(153 153 153 / 20%);border-radius:4px 4px 0 0}
+.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.65);background:#fff;border-bottom:1px solid rgb(153 153 153 / 20%);border-radius:4px 4px 0 0;margin:.1rem .5rem 0 .5rem}
.ant-modal-body{padding:24px;font-size:14px;line-height:1.5;word-wrap:break-word}
-.ant-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid rgb(153 153 153 / 20%);border-radius:0 0 4px 4px}
+.ant-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid rgb(153 153 153 / 20%);border-radius:0 0 4px 4px;margin:0 .5rem 0 .5rem}
.ant-modal-footer button+button{margin-bottom:0;margin-left:8px}
.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45);filter:alpha(opacity=50)}