From 050fa458805f795045238ab64fdfcdc514a3be76 Mon Sep 17 00:00:00 2001 From: Siniji <1349021570@qq.com> Date: Tue, 19 Dec 2023 18:52:25 +0800 Subject: [PATCH] :camera_flash: feat: udpate snapshot --- tests/__snapshots__/demo.test.tsx.snap | 1815 +++++++++++++++++++++--- 1 file changed, 1596 insertions(+), 219 deletions(-) diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap index e833f4ef..eec7314f 100644 --- a/tests/__snapshots__/demo.test.tsx.snap +++ b/tests/__snapshots__/demo.test.tsx.snap @@ -20013,6 +20013,7 @@ exports[` > renders basic.tsx correctly 1`] = ` background-color: #ffffff; overflow: hidden; border-radius: 6px; + font-size: 10px; } .emotion-1 .studio-draggable-panel { @@ -20026,6 +20027,8 @@ exports[` > renders basic.tsx correctly 1`] = ` border-radius: 6px; background-color: rgba(0, 0, 0, 0.02); margin: 2px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; padding: 6px; position: relative; } @@ -20137,6 +20140,8 @@ exports[` > renders basic.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } .emotion-12 { @@ -20169,6 +20174,8 @@ exports[` > renders basic.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; -webkit-flex: 1; -ms-flex: 1; flex: 1; @@ -20216,6 +20223,8 @@ exports[` > renders basic.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } .emotion-21 { @@ -20247,6 +20256,8 @@ exports[` > renders basic.tsx correctly 1`] = ` margin: 2px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.02); + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; padding: 6px; position: relative; } @@ -20597,7 +20608,7 @@ exports[` > renders basic.tsx correctly 1`] = ` `; -exports[` > renders noLeftPannel.tsx correctly 1`] = ` +exports[` > renders dingding.tsx correctly 1`] = ` .emotion-0 { display: -webkit-box; display: -webkit-flex; @@ -20615,6 +20626,7 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` background-color: #ffffff; overflow: hidden; border-radius: 6px; + font-size: 10px; } .emotion-1 .studio-draggable-panel { @@ -20622,29 +20634,153 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` } .emotion-2 { - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + box-sizing: border-box; + height: 48px; + min-height: 48px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0px; + background-color: transparent; + margin: 0px; + padding: 6px; + position: relative; +} + +.emotion-3 { + position: absolute; + width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - clear: both; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } -.emotion-3 { +.emotion-4 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); + transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.emotion-4:hover { + color: rgba(0, 0, 0, 0.88)!important; +} + +.emotion-4:active { + scale: 0.8; + color: rgba(0, 0, 0, 0.88); +} + +.emotion-5:hover { + color: rgba(0, 0, 0, 0.88); + background-color: rgba(0, 0, 0, 0.04); + border-color: transparent; +} + +.emotion-5:focus { + color: rgba(0, 0, 0, 0.88)!important; + background-color: rgba(0, 0, 0, 0.02)!important; + border-color: #1677ff!important; + box-shadow: none; +} + +.emotion-6 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + min-width: 50px; +} + +.emotion-7 { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + padding: 1px 1px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; border-radius: 6px; - box-sizing: border-box; - background-color: rgba(0, 0, 0, 0.02); - margin: 2px; - height: calc(100% - 4px); - padding: 6px; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); + transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); + width: 18px!important; + height: 18px!important; +} + +.emotion-8:hover { + color: rgba(0, 0, 0, 0.88)!important; +} + +.emotion-8:active { + scale: 0.8; + color: rgba(0, 0, 0, 0.88); +} + +.emotion-12 { + min-width: 50px; +} + +.emotion-13 { -webkit-flex: 1; -ms-flex: 1; flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + clear: both; } -.emotion-4 { +.emotion-14 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -20652,28 +20788,34 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` border: 0 solid rgba(5, 5, 5, 0.06); } -.emotion-4:hover .studio-draggable-panel-toggle { +.emotion-14:hover .studio-draggable-panel-toggle { opacity: 1; } -.emotion-5 { +.emotion-15 { overflow: hidden; } -.emotion-6 { +.emotion-16 { border-radius: 6px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.02); margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } -.emotion-7 { +.emotion-17 { + overflow: scroll; +} + +.emotion-18 { position: relative; } -.emotion-7::before { +.emotion-18::before { position: absolute; z-index: 50; -webkit-transition: all 0.3s ease-in-out; @@ -20681,18 +20823,32 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` content: ''; } -.emotion-7:hover::before, -.emotion-7:active::before { +.emotion-18:hover::before, +.emotion-18:active::before { background: #1677ff; } -.emotion-7::before { - left: 50%; +.emotion-18::before { + right: 50%; width: 2px; height: 100%; } -.emotion-8 { +.emotion-19 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.emotion-20 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -20700,24 +20856,26 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` border: 0 solid rgba(5, 5, 5, 0.06); } -.emotion-8:hover .studio-draggable-panel-toggle { +.emotion-20:hover .studio-draggable-panel-toggle { opacity: 1; } -.emotion-10 { +.emotion-22 { border-radius: 6px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.02); margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } -.emotion-11 { +.emotion-23 { position: relative; } -.emotion-11::before { +.emotion-23::before { position: absolute; z-index: 50; -webkit-transition: all 0.3s ease-in-out; @@ -20725,81 +20883,887 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` content: ''; } -.emotion-11:hover::before, -.emotion-11:active::before { +.emotion-23:hover::before, +.emotion-23:active::before { background: #1677ff; } -.emotion-11::before { +.emotion-23::before { top: 50%; height: 2px; width: 100%; } -.emotion-12 { - height: 36px; - box-sizing: border-box; - margin: 2px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.02); - padding: 6px; - position: relative; -} - -.emotion-13 { - position: absolute; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - min-width: 50px; -} - -.emotion-15 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); - transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); -} +
+
+
+
+ + +
+
+
+ + + +
+ + 靓仔/妹 + +
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`; + +exports[` > renders noLeftPannel.tsx correctly 1`] = ` +.emotion-0 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-1 { + height: 100vh; + width: 100vw; + box-sizing: border-box; + background-color: #ffffff; + overflow: hidden; + border-radius: 6px; + font-size: 10px; +} + +.emotion-1 .studio-draggable-panel { + border: none; +} + +.emotion-2 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + clear: both; +} + +.emotion-3 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.emotion-4 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + border: 0 solid rgba(5, 5, 5, 0.06); +} + +.emotion-4:hover .studio-draggable-panel-toggle { + opacity: 1; +} + +.emotion-5 { + overflow: hidden; +} + +.emotion-6 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; +} + +.emotion-7 { + position: relative; +} + +.emotion-7::before { + position: absolute; + z-index: 50; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ''; +} + +.emotion-7:hover::before, +.emotion-7:active::before { + background: #1677ff; +} + +.emotion-7::before { + left: 50%; + width: 2px; + height: 100%; +} + +.emotion-8 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + border: 0 solid rgba(5, 5, 5, 0.06); +} + +.emotion-8:hover .studio-draggable-panel-toggle { + opacity: 1; +} + +.emotion-10 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; +} + +.emotion-11 { + position: relative; +} + +.emotion-11::before { + position: absolute; + z-index: 50; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ''; +} + +.emotion-11:hover::before, +.emotion-11:active::before { + background: #1677ff; +} + +.emotion-11::before { + top: 50%; + height: 2px; + width: 100%; +} + +.emotion-12 { + height: 36px; + box-sizing: border-box; + margin: 2px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.02); + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; + padding: 6px; + position: relative; +} + +.emotion-13 { + position: absolute; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-14 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + min-width: 50px; +} + +.emotion-16 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); + transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.emotion-16:hover { + color: rgba(0, 0, 0, 0.88)!important; +} + +.emotion-16:active { + scale: 0.8; + color: rgba(0, 0, 0, 0.88); +} + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+`; + +exports[` > renders sessinList.tsx correctly 1`] = ` +.emotion-0 { + overflow: scroll; +} + +
+
+
+
+
+
+ + + + + + +
+
+
+
+
+
+
+
+
+`; + +exports[` > renders single.tsx correctly 1`] = ` +.emotion-0 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.emotion-1 { + height: 100vh; + width: 100vw; + box-sizing: border-box; + background-color: #ffffff; + overflow: hidden; + border-radius: 6px; + font-size: 10px; +} + +.emotion-1 .studio-draggable-panel { + border: none; +} + +.emotion-2 { + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + clear: both; +} + +.emotion-3 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + border: 0 solid rgba(5, 5, 5, 0.06); +} + +.emotion-3:hover .studio-draggable-panel-toggle { + opacity: 1; +} + +.emotion-4 { + overflow: hidden; +} + +.emotion-5 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; +} + +.emotion-6 { + position: relative; +} -.emotion-15:hover { - color: rgba(0, 0, 0, 0.88)!important; +.emotion-6::before { + position: absolute; + z-index: 50; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ''; } -.emotion-15:active { - scale: 0.8; - color: rgba(0, 0, 0, 0.88); +.emotion-6:hover::before, +.emotion-6:active::before { + background: #1677ff; +} + +.emotion-6::before { + right: 50%; + width: 2px; + height: 100%; +} + +.emotion-7 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.emotion-11 { + position: relative; +} + +.emotion-11::before { + position: absolute; + z-index: 50; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ''; +} + +.emotion-11:hover::before, +.emotion-11:active::before { + background: #1677ff; +} + +.emotion-11::before { + left: 50%; + width: 2px; + height: 100%; +} + +.emotion-12 { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + position: relative; + border: 0 solid rgba(5, 5, 5, 0.06); +} + +.emotion-12:hover .studio-draggable-panel-toggle { + opacity: 1; +} + +.emotion-14 { + border-radius: 6px; + box-sizing: border-box; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + height: calc(100% - 4px); + padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; +} + +.emotion-15 { + position: relative; +} + +.emotion-15::before { + position: absolute; + z-index: 50; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + content: ''; +} + +.emotion-15:hover::before, +.emotion-15:active::before { + background: #1677ff; +} + +.emotion-15::before { + top: 50%; + height: 2px; + width: 100%; }
@@ -20811,26 +21775,49 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = ` class="studio-layout-container emotion-2 studio-flex" >
+
+
+
+ Left Pannel +
+
+
+
+
+
+
+
@@ -20838,68 +21825,29 @@ exports[` > renders noLeftPannel.tsx correctly 1`] = `
-
-
-
- -
-
`; -exports[` > renders single.tsx correctly 1`] = ` +exports[` > renders themeType.tsx correctly 1`] = ` .emotion-0 { display: -webkit-box; display: -webkit-flex; @@ -20917,13 +21865,96 @@ exports[` > renders single.tsx correctly 1`] = ` background-color: #ffffff; overflow: hidden; border-radius: 6px; + font-size: 10px; +} + +.emotion-1 .studio-draggable-panel { + border: none; +} + +.emotion-2 { + box-sizing: border-box; + height: 48px; + min-height: 48px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.02); + margin: 2px; + background-color: rgba(0, 0, 0, 0.02); + border: 1px solid #d9d9d9; + padding: 6px; + position: relative; +} + +.emotion-3 { + position: absolute; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-4:hover { + color: rgba(0, 0, 0, 0.88); + background-color: rgba(0, 0, 0, 0.04); + border-color: transparent; +} + +.emotion-4:focus { + color: rgba(0, 0, 0, 0.88)!important; + background-color: rgba(0, 0, 0, 0.02)!important; + border-color: #1677ff!important; + box-shadow: none; +} + +.emotion-5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 8px; + min-width: 50px; +} + +.emotion-6 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); + transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1); } -.emotion-1 .studio-draggable-panel { - border: none; +.emotion-6:hover { + color: rgba(0, 0, 0, 0.88)!important; } -.emotion-2 { +.emotion-6:active { + scale: 0.8; + color: rgba(0, 0, 0, 0.88); +} + +.emotion-7 { -webkit-flex: 1; -ms-flex: 1; flex: 1; @@ -20934,7 +21965,7 @@ exports[` > renders single.tsx correctly 1`] = ` clear: both; } -.emotion-3 { +.emotion-8 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -20942,28 +21973,30 @@ exports[` > renders single.tsx correctly 1`] = ` border: 0 solid rgba(5, 5, 5, 0.06); } -.emotion-3:hover .studio-draggable-panel-toggle { +.emotion-8:hover .studio-draggable-panel-toggle { opacity: 1; } -.emotion-4 { +.emotion-9 { overflow: hidden; } -.emotion-5 { +.emotion-10 { border-radius: 6px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.02); margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.02); + border: 1px solid #d9d9d9; } -.emotion-6 { +.emotion-11 { position: relative; } -.emotion-6::before { +.emotion-11::before { position: absolute; z-index: 50; -webkit-transition: all 0.3s ease-in-out; @@ -20971,34 +22004,36 @@ exports[` > renders single.tsx correctly 1`] = ` content: ''; } -.emotion-6:hover::before, -.emotion-6:active::before { +.emotion-11:hover::before, +.emotion-11:active::before { background: #1677ff; } -.emotion-6::before { +.emotion-11::before { right: 50%; width: 2px; height: 100%; } -.emotion-7 { +.emotion-12 { border-radius: 6px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.02); margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.02); + border: 1px solid #d9d9d9; -webkit-flex: 1; -ms-flex: 1; flex: 1; } -.emotion-11 { +.emotion-16 { position: relative; } -.emotion-11::before { +.emotion-16::before { position: absolute; z-index: 50; -webkit-transition: all 0.3s ease-in-out; @@ -21006,18 +22041,18 @@ exports[` > renders single.tsx correctly 1`] = ` content: ''; } -.emotion-11:hover::before, -.emotion-11:active::before { +.emotion-16:hover::before, +.emotion-16:active::before { background: #1677ff; } -.emotion-11::before { +.emotion-16::before { left: 50%; width: 2px; height: 100%; } -.emotion-12 { +.emotion-17 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -21025,24 +22060,26 @@ exports[` > renders single.tsx correctly 1`] = ` border: 0 solid rgba(5, 5, 5, 0.06); } -.emotion-12:hover .studio-draggable-panel-toggle { +.emotion-17:hover .studio-draggable-panel-toggle { opacity: 1; } -.emotion-14 { +.emotion-19 { border-radius: 6px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.02); margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.02); + border: 1px solid #d9d9d9; } -.emotion-15 { +.emotion-20 { position: relative; } -.emotion-15::before { +.emotion-20::before { position: absolute; z-index: 50; -webkit-transition: all 0.3s ease-in-out; @@ -21050,91 +22087,420 @@ exports[` > renders single.tsx correctly 1`] = ` content: ''; } -.emotion-15:hover::before, -.emotion-15:active::before { +.emotion-20:hover::before, +.emotion-20:active::before { background: #1677ff; } -.emotion-15::before { +.emotion-20::before { top: 50%; height: 2px; width: 100%; } +.emotion-21 { + height: 36px; + box-sizing: border-box; + margin: 2px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.02); + background-color: rgba(0, 0, 0, 0.02); + border: 1px solid #d9d9d9; + padding: 6px; + position: relative; +} + +.emotion-25 { + min-width: 50px; +} +
+
+ + + +
+
+
+
+
+
+ + + + Options + + + + +
+
+ + EditorLayout +
+
+
+
+
+
+
+ Left Pannel +
+
+
+
+
+
+
+
+
+
+ Center Pannel +
+
+
+
+
+
+
+ right Pannel +
+
+
+
+
+
+
+
+
+
+
+ Bottom Pannel +
+
- Left Pannel +
-
-
-
-
-
-
-
-
-
-
+ class="headerAndFooterCenterChildren emotion-3" + > +
+ Footer +
-
-
-
-
-
-
-
+ class="headerAndFooterIcon emotion-5" + > + +
+
+
+
+ + + + + + Twitter + + +
+
+ + + + + + Youtube + + +
+
+ + + + + + Facebook + + +
+
+ + + + + + LinkedIn + + +
+
+
@@ -21160,6 +22526,7 @@ exports[` > renders types.tsx correctly 1`] = ` background-color: #ffffff; overflow: hidden; border-radius: 6px; + font-size: 10px; } .emotion-1 .studio-draggable-panel { @@ -21173,6 +22540,8 @@ exports[` > renders types.tsx correctly 1`] = ` border-radius: 6px; background-color: rgba(0, 0, 0, 0.02); margin: 2px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; padding: 6px; position: relative; } @@ -21280,6 +22649,8 @@ exports[` > renders types.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } .emotion-11 { @@ -21312,6 +22683,8 @@ exports[` > renders types.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; -webkit-flex: 1; -ms-flex: 1; flex: 1; @@ -21359,6 +22732,8 @@ exports[` > renders types.tsx correctly 1`] = ` margin: 2px; height: calc(100% - 4px); padding: 6px; + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; } .emotion-20 { @@ -21390,6 +22765,8 @@ exports[` > renders types.tsx correctly 1`] = ` margin: 2px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.02); + background-color: rgba(0, 0, 0, 0.04); + border: 1px solid transparent; padding: 6px; position: relative; }