diff --git a/src/SplitViewEditor/index.scss b/src/SplitViewEditor/index.scss index 445b060..ea921e2 100644 --- a/src/SplitViewEditor/index.scss +++ b/src/SplitViewEditor/index.scss @@ -3,13 +3,13 @@ gap: 30px; - @media (max-width: 600px) { + @media (max-width: 768px) { flex-direction: column; } } .area__card { - padding: var(--g-text-body-1-font-size); + padding: 10px 25px; & > section { height: var(--diplodoc-playground-height); @@ -47,7 +47,7 @@ .input { width: 50%; - @media (max-width: 600px) { + @media (max-width: 768px) { width: 100%; } @@ -57,7 +57,7 @@ .output { width: 50%; - @media (max-width: 600px) { + @media (max-width: 768px) { width: 100%; } } diff --git a/src/styles.css b/src/styles.css index a2f00da..50b7ef0 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,6 +1,4 @@ .g-root { - /*--g-card-background-color: rgb(198, 255, 62);*/ - /*--g-color-line-brand: rgb(26, 62, 48) !important;*/ --diplodoc-playground-height: 400px; @media (min-width: 768px) { @@ -34,20 +32,4 @@ display: none !important; } -.diplodoc-playground__logo { - height: calc(var(--g-text-display-4-font-size) * 2); - width: auto; -} - -.diplodoc-playground__logo > path { - fill: white; - /*fill: rgb(26, 62, 48);*/ -} - -/*.g-root {*/ - -/*}*/ -/*.callout__card {*/ -/* background-color: rgb(198, 255, 62) !important;*/ -/*}*/