tool bar add shadow

This commit is contained in:
Sanster 2022-04-23 20:23:57 +08:00
parent ce0c7defe1
commit 2797d2aca7
3 changed files with 4 additions and 2 deletions

View File

@ -55,7 +55,6 @@
// width: 100%; // width: 100%;
position: fixed; position: fixed;
bottom: 0.5rem; bottom: 0.5rem;
// border: 1px solid rgb(100, 100, 120, 0.5);
border-radius: 3rem; border-radius: 3rem;
padding: 1rem 3rem; padding: 1rem 3rem;
display: grid; display: grid;
@ -66,7 +65,8 @@
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
background-color: var(--page-bg-light); background-color: var(--page-bg-light);
animation: slideUp 0.2s ease-out; 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 { @include mobile {
padding: 1rem 2rem; padding: 1rem 2rem;

View File

@ -17,6 +17,7 @@
--editor-toolkit-bg: rgba(255, 255, 255, 0.5); --editor-toolkit-bg: rgba(255, 255, 255, 0.5);
--options-text-color: var(--page-text-color); --options-text-color: var(--page-text-color);
--editor-size-border-color: var(--border-color); --editor-size-border-color: var(--border-color);
--editor-toolkit-panel-border: 0;
// Modal // Modal
--modal-bg: var(--page-bg); --modal-bg: var(--page-bg);

View File

@ -14,6 +14,7 @@
--editor-toolkit-bg: rgba(0, 0, 0, 0.5); --editor-toolkit-bg: rgba(0, 0, 0, 0.5);
--options-text-color: var(--page-text-color); --options-text-color: var(--page-text-color);
--editor-size-border-color: var(--yellow-accent); --editor-size-border-color: var(--yellow-accent);
--editor-toolkit-panel-border: 1px solid rgb(100, 100, 120, 0.4);
// Modal // Modal
--modal-bg: var(--page-bg); --modal-bg: var(--page-bg);