Skip to content

Commit a861ac7

Browse files
JF-CozyJF-Cozy
committed
publish: feat(Layout): Add refs on. Layout, Main and Content
generated from commit 8f724d4
1 parent ae04bec commit a861ac7

6 files changed

Lines changed: 141 additions & 90 deletions

File tree

‎react/build/bundle.59d38d38.js‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

react/build/bundle.dea100af.js.LICENSE.txt renamed to react/build/bundle.59d38d38.js.LICENSE.txt

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ PERFORMANCE OF THIS SOFTWARE.
115115
* @public
116116
*/
117117

118-
/** @license React v0.20.2
118+
/** @license React v0.19.1
119119
* scheduler.production.min.js
120120
*
121121
* Copyright (c) Facebook, Inc. and its affiliates.
@@ -133,35 +133,35 @@ PERFORMANCE OF THIS SOFTWARE.
133133
* LICENSE file in the root directory of this source tree.
134134
*/
135135

136-
/** @license React v17.0.1
137-
* react-is.production.min.js
136+
/** @license React v16.14.0
137+
* react-dom.production.min.js
138138
*
139139
* Copyright (c) Facebook, Inc. and its affiliates.
140140
*
141141
* This source code is licensed under the MIT license found in the
142142
* LICENSE file in the root directory of this source tree.
143143
*/
144144

145-
/** @license React v17.0.2
146-
* react-dom.production.min.js
145+
/** @license React v16.14.0
146+
* react-jsx-runtime.production.min.js
147147
*
148148
* Copyright (c) Facebook, Inc. and its affiliates.
149149
*
150150
* This source code is licensed under the MIT license found in the
151151
* LICENSE file in the root directory of this source tree.
152152
*/
153153

154-
/** @license React v17.0.2
155-
* react-is.production.min.js
154+
/** @license React v16.14.0
155+
* react.production.min.js
156156
*
157157
* Copyright (c) Facebook, Inc. and its affiliates.
158158
*
159159
* This source code is licensed under the MIT license found in the
160160
* LICENSE file in the root directory of this source tree.
161161
*/
162162

163-
/** @license React v17.0.2
164-
* react-jsx-runtime.production.min.js
163+
/** @license React v17.0.1
164+
* react-is.production.min.js
165165
*
166166
* Copyright (c) Facebook, Inc. and its affiliates.
167167
*
@@ -170,7 +170,7 @@ PERFORMANCE OF THIS SOFTWARE.
170170
*/
171171

172172
/** @license React v17.0.2
173-
* react.production.min.js
173+
* react-is.production.min.js
174174
*
175175
* Copyright (c) Facebook, Inc. and its affiliates.
176176
*

‎react/build/bundle.dea100af.js‎

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎react/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@
1111
</head>
1212
<body>
1313
<div id="rsg-root"></div>
14-
<script src="build/bundle.dea100af.js"></script>
14+
<script src="build/bundle.59d38d38.js"></script>
1515
</body>
1616
</html>

‎react/main.css‎

Lines changed: 127 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -6710,7 +6710,21 @@ body {
67106710
flex-flow: column nowrap;
67116711
align-items: stretch;
67126712
}
6713-
@media (min-width: 64rem) {
6713+
@media (max-width: 63.938rem) {
6714+
}
6715+
@media (max-width: 63.938rem) {
6716+
}
6717+
@media (max-width: 63.938rem) {
6718+
}
6719+
@media (max-width: 63.938rem) {
6720+
}
6721+
@media (max-width: 63.938rem) {
6722+
}
6723+
@media (max-width: 63.938rem) {
6724+
}
6725+
@media (max-width: 63.938rem) {
6726+
}
6727+
@media (max-width: 63.938rem) {
67146728
}
67156729
@media (max-width: 63.938rem) {
67166730
}
@@ -7023,7 +7037,21 @@ body {
70237037
.c-modal-footer--3JCxm {
70247038
flex: 0 0 auto;
70257039
}
7026-
@media (min-width: 64rem) {
7040+
@media (max-width: 63.938rem) {
7041+
}
7042+
@media (max-width: 63.938rem) {
7043+
}
7044+
@media (max-width: 63.938rem) {
7045+
}
7046+
@media (max-width: 63.938rem) {
7047+
}
7048+
@media (max-width: 63.938rem) {
7049+
}
7050+
@media (max-width: 63.938rem) {
7051+
}
7052+
@media (max-width: 63.938rem) {
7053+
}
7054+
@media (max-width: 63.938rem) {
70277055
}
70287056
@media (max-width: 63.938rem) {
70297057
}
@@ -9271,8 +9299,7 @@ body {
92719299
opacity: 0;
92729300
transform: scale(0);
92739301
}
9274-
.o-layout--3TSz9,
9275-
.o-layout-2panes--1CDQw {
9302+
.o-layout--3TSz9 {
92769303
box-sizing: border-box;
92779304
display: flex;
92789305
max-width: 100%;
@@ -9281,123 +9308,133 @@ body {
92819308
background-color: var(--paperBackgroundColor);
92829309
color: var(--primaryTextColor);
92839310
}
9284-
.o-layout--3TSz9 main,
9285-
.o-layout-2panes--1CDQw main {
9286-
display: flex;
9287-
flex-direction: column;
9288-
flex: 0 0 auto;
9311+
@media (max-width: 63.938rem) {
9312+
.o-layout--3TSz9 {
9313+
display: block;
9314+
}
92899315
}
9290-
.o-layout--3TSz9 main,
9291-
.o-layout-2panes--1CDQw main,
9292-
.o-layout--3TSz9 main > [role=contentinfo],
9293-
.o-layout-2panes--1CDQw main > [role=contentinfo],
9294-
.o-layout--3TSz9 main > [role=main],
9295-
.o-layout-2panes--1CDQw main > [role=main] {
9296-
position: relative;
9316+
@media (max-width: 63.938rem) {
9317+
.o-layout-topbar--2SHWi:before {
9318+
content: '';
9319+
display: block;
9320+
height: 3rem;
9321+
}
9322+
}
9323+
.o-layout-2panes--1CDQw {
9324+
flex: 0 0 100%;
9325+
align-items: stretch;
9326+
}
9327+
@media (max-width: 63.938rem) {
9328+
.o-layout-2panes--1CDQw:after {
9329+
content: '';
9330+
display: block;
9331+
height: 3rem;
9332+
}
9333+
}
9334+
.o-layout-main--3mPxz {
92979335
display: flex;
92989336
flex-direction: column;
9337+
position: relative;
92999338
flex: 1 1 auto;
93009339
box-sizing: border-box;
9301-
height: 100%;
93029340
overflow-x: hidden;
93039341
overflow-y: auto;
93049342
}
9305-
@media (min-width: 64rem) {
9306-
.o-layout--rounded--1WX4D main,
9307-
.o-layout-2panes--rounded--1FuZT main {
9308-
background-color: var(--defaultBackgroundColor);
9309-
}
9310-
.o-layout--rounded--1WX4D main > [role=main],
9311-
.o-layout-2panes--rounded--1FuZT main > [role=main] {
9312-
margin: 1rem 1rem 1rem 0;
9313-
border-radius: 1rem;
9314-
background-color: var(--paperBackgroundColor);
9315-
}
9316-
}
93179343
@media (max-width: 63.938rem) {
9318-
.o-layout--3TSz9,
9319-
.o-layout-2panes--1CDQw {
9344+
.o-layout-main--3mPxz {
93209345
display: block;
9321-
}
9322-
.o-layout--3TSz9 main,
9323-
.o-layout-2panes--1CDQw main {
9346+
overflow: visible;
93249347
padding-left: env(safe-area-inset-left);
93259348
padding-right: env(safe-area-inset-right);
93269349
padding-bottom: env(safe-area-inset-bottom);
9327-
min-height: calc(100vh - var(--sidebarHeight) - 3rem);
9328-
}
9329-
.o-layout--3TSz9 main,
9330-
.o-layout-2panes--1CDQw main,
9331-
.o-layout--3TSz9 main > [role=contentinfo],
9332-
.o-layout-2panes--1CDQw main > [role=contentinfo],
9333-
.o-layout--3TSz9 main > [role=main],
9334-
.o-layout-2panes--1CDQw main > [role=main] {
9335-
display: block;
9336-
overflow: visible;
93379350
}
9338-
.o-layout--3TSz9:before,
9339-
.o-layout-2panes--1CDQw:before,
9340-
.o-layout--3TSz9:after,
9341-
.o-layout-2panes--1CDQw:after {
9342-
content: '';
9343-
display: block;
9351+
}
9352+
.o-layout-main-monocolumn--2a7vz {
9353+
height: 100%;
9354+
}
9355+
@media (max-width: 63.938rem) {
9356+
.o-layout-main-monocolumn--2a7vz {
9357+
min-height: 100vh;
93449358
}
9345-
.o-layout--3TSz9:before,
9346-
.o-layout-2panes--1CDQw:before {
9347-
height: 3rem;
9359+
}
9360+
@media (max-width: 63.938rem) {
9361+
.o-layout-main-monocolumn--topbar--9_4Xd {
9362+
min-height: calc(100vh - 3rem);
93489363
}
9349-
.o-layout--3TSz9:after,
9350-
.o-layout-2panes--1CDQw:after {
9351-
height: 3rem;
9364+
}
9365+
.o-layout-main-2panes--3ickD {
9366+
height: auto;
9367+
background-color: var(--defaultBackgroundColor);
9368+
}
9369+
@media (max-width: 63.938rem) {
9370+
.o-layout-main-2panes--3ickD {
9371+
min-height: calc(100vh - var(--sidebarHeight));
9372+
background-color: transparent;
93529373
}
93539374
}
9354-
.o-layout-2panes--1CDQw {
9355-
flex: 0 0 100%;
9356-
align-items: stretch;
9375+
@media (max-width: 63.938rem) {
9376+
.o-layout-main-2panes--topbar--cGi-H {
9377+
min-height: calc(100vh - var(--sidebarHeight) - 3rem);
9378+
}
93579379
}
9358-
.o-layout-2panes--1CDQw > aside {
9380+
.o-layout-content--3D5gN {
9381+
position: relative;
93599382
display: flex;
93609383
flex-direction: column;
9361-
flex: 0 0 auto;
9384+
flex: 1 1 auto;
9385+
box-sizing: border-box;
9386+
overflow-x: hidden;
9387+
overflow-y: auto;
9388+
background-color: var(--paperBackgroundColor);
9389+
}
9390+
@media (max-width: 63.938rem) {
9391+
.o-layout-content--3D5gN {
9392+
display: block;
9393+
overflow: visible;
9394+
}
9395+
}
9396+
.o-layout-content-monocolumn--1rpxp {
9397+
height: 100%;
93629398
}
9363-
.o-layout-2panes--1CDQw main,
9364-
.o-layout-2panes--1CDQw main > [role=contentinfo],
9365-
.o-layout-2panes--1CDQw main > [role=main] {
9399+
.o-layout-content-2panes--2Hotr {
93669400
height: auto;
9401+
margin: 1rem 1rem 1rem 0;
9402+
border-radius: 1rem;
93679403
}
93689404
@media (max-width: 63.938rem) {
9369-
.o-layout-2panes--1CDQw > aside {
9370-
position: fixed;
9371-
bottom: 0;
9372-
left: 0;
9373-
display: block;
9374-
z-index: var(--zIndex-nav);
9375-
width: 100%;
9405+
.o-layout-content-2panes--2Hotr {
9406+
margin: 0;
9407+
border-radius: 0;
93769408
}
93779409
}
93789410

93799411
:root {
93809412
--sidebarHeight: 3.25rem;
93819413
}
93829414
.o-sidebar--1295j {
9383-
width: 13.75rem;
9415+
width: 14.75rem;
93849416
background-color: var(--defaultBackgroundColor);
93859417
overflow-y: auto;
93869418
overflow-x: hidden;
9419+
display: flex;
9420+
flex-direction: column;
9421+
flex: 0 0 auto;
93879422
}
93889423
.o-sidebar--border--32tfw {
93899424
border-right: 0.063rem solid var(--dividerColor);
93909425
}
9391-
.o-sidebar--large--1mT8H {
9392-
width: 14.75rem;
9393-
}
93949426
@media (max-width: 63.938rem) {
93959427
.o-sidebar--1295j {
93969428
justify-content: space-between;
93979429
border: 0;
93989430
border-top: 0.063rem solid var(--dividerColor);
93999431
height: var(--sidebarHeight);
94009432
width: 100%;
9433+
position: fixed;
9434+
bottom: 0;
9435+
left: 0;
9436+
display: block;
9437+
z-index: var(--zIndex-nav);
94019438
padding-bottom: env(safe-area-inset-bottom);
94029439
}
94039440
}
@@ -10751,7 +10788,21 @@ body {
1075110788
.wizard-footer---ZrgM {
1075210789
flex: 0 0 auto;
1075310790
}
10754-
@media (min-width: 64rem) {
10791+
@media (max-width: 63.938rem) {
10792+
}
10793+
@media (max-width: 63.938rem) {
10794+
}
10795+
@media (max-width: 63.938rem) {
10796+
}
10797+
@media (max-width: 63.938rem) {
10798+
}
10799+
@media (max-width: 63.938rem) {
10800+
}
10801+
@media (max-width: 63.938rem) {
10802+
}
10803+
@media (max-width: 63.938rem) {
10804+
}
10805+
@media (max-width: 63.938rem) {
1075510806
}
1075610807
@media (max-width: 63.938rem) {
1075710808
}

0 commit comments

Comments
 (0)