@getflip/swirl-components 0.157.0 → 0.157.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.json +1 -1
- package/dist/cjs/swirl-app-layout_6.cjs.entry.js +1 -1
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/collection/components/swirl-app-layout/swirl-app-layout.css +18 -7
- package/dist/collection/components/swirl-shell-layout/swirl-shell-layout.css +1 -0
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-app-layout2.js +1 -1
- package/dist/components/swirl-shell-layout.js +1 -1
- package/dist/esm/swirl-app-layout_6.entry.js +1 -1
- package/dist/esm/swirl-shell-layout.entry.js +1 -1
- package/dist/swirl-components/{p-4af1972e.entry.js → p-726539e8.entry.js} +1 -1
- package/dist/swirl-components/p-db674a93.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/swirl-components/p-2d8b2e01.entry.js +0 -1
|
@@ -66,13 +66,20 @@
|
|
|
66
66
|
@media (min-width: 768px) {
|
|
67
67
|
|
|
68
68
|
.app-layout--has-navigation .app-layout__grid {
|
|
69
|
-
grid-template-columns: min(50%,
|
|
69
|
+
grid-template-columns: min(50%, 22.5rem) 1fr;
|
|
70
70
|
grid-template-areas:
|
|
71
71
|
"header body"
|
|
72
72
|
"navigation body"
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
+
@media (min-width: 1440px) {
|
|
77
|
+
|
|
78
|
+
.app-layout--has-navigation .app-layout__grid {
|
|
79
|
+
grid-template-columns: min(50%, 25rem) 1fr
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
76
83
|
@media (min-width: 768px) {
|
|
77
84
|
|
|
78
85
|
.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button {
|
|
@@ -118,7 +125,7 @@
|
|
|
118
125
|
}
|
|
119
126
|
}
|
|
120
127
|
|
|
121
|
-
@media (min-width:
|
|
128
|
+
@media (min-width: 1800px) {
|
|
122
129
|
.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid {
|
|
123
130
|
animation: app-layout-sidebar-slide-out 0.3s;
|
|
124
131
|
}
|
|
@@ -127,7 +134,7 @@
|
|
|
127
134
|
@media (min-width: 768px) {
|
|
128
135
|
|
|
129
136
|
.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid {
|
|
130
|
-
grid-template-columns: min(50%,
|
|
137
|
+
grid-template-columns: min(50%, 22.5rem) 1fr;
|
|
131
138
|
grid-template-areas:
|
|
132
139
|
"header body"
|
|
133
140
|
"navigation body"
|
|
@@ -137,10 +144,14 @@
|
|
|
137
144
|
@media (min-width: 992px) {
|
|
138
145
|
|
|
139
146
|
.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid {
|
|
140
|
-
grid-template-columns:
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
147
|
+
grid-template-columns: 22.5rem 1fr
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
@media (min-width: 1440px) {
|
|
152
|
+
|
|
153
|
+
.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid {
|
|
154
|
+
grid-template-columns: 25rem 1fr
|
|
144
155
|
}
|
|
145
156
|
}
|
|
146
157
|
|