diff --git a/lama_cleaner/app/src/components/Editor/Editor.scss b/lama_cleaner/app/src/components/Editor/Editor.scss index b845fa9..02dc11c 100644 --- a/lama_cleaner/app/src/components/Editor/Editor.scss +++ b/lama_cleaner/app/src/components/Editor/Editor.scss @@ -55,7 +55,6 @@ // width: 100%; position: fixed; bottom: 0.5rem; - // border: 1px solid rgb(100, 100, 120, 0.5); border-radius: 3rem; padding: 1rem 3rem; display: grid; @@ -66,7 +65,8 @@ backdrop-filter: blur(12px); background-color: var(--page-bg-light); animation: slideUp 0.2s ease-out; - border: 1px solid rgb(100, 100, 120, 0.4); + border: var(--editor-toolkit-panel-border); + box-shadow: 0 0 0 1px #0000001a, 0 3px 16px #00000014, 0 2px 6px 1px #00000017; @include mobile { padding: 1rem 2rem; diff --git a/lama_cleaner/app/src/styles/_Colors.scss b/lama_cleaner/app/src/styles/_Colors.scss index b0a39d0..6c363bc 100644 --- a/lama_cleaner/app/src/styles/_Colors.scss +++ b/lama_cleaner/app/src/styles/_Colors.scss @@ -17,6 +17,7 @@ --editor-toolkit-bg: rgba(255, 255, 255, 0.5); --options-text-color: var(--page-text-color); --editor-size-border-color: var(--border-color); + --editor-toolkit-panel-border: 0; // Modal --modal-bg: var(--page-bg); diff --git a/lama_cleaner/app/src/styles/_ColorsDark.scss b/lama_cleaner/app/src/styles/_ColorsDark.scss index fef81ce..dcc3af7 100644 --- a/lama_cleaner/app/src/styles/_ColorsDark.scss +++ b/lama_cleaner/app/src/styles/_ColorsDark.scss @@ -14,6 +14,7 @@ --editor-toolkit-bg: rgba(0, 0, 0, 0.5); --options-text-color: var(--page-text-color); --editor-size-border-color: var(--yellow-accent); + --editor-toolkit-panel-border: 1px solid rgb(100, 100, 120, 0.4); // Modal --modal-bg: var(--page-bg);