tool bar add shadow
This commit is contained in:
parent
ce0c7defe1
commit
2797d2aca7
@ -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;
|
||||||
|
@ -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);
|
||||||
|
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user