rootzz-layout 0.1.0 → 0.1.2
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/dist/styles.css +18 -8
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -114,6 +114,18 @@
|
|
|
114
114
|
border-color: var(--rzl-border);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
+
/* O conteúdo do consumidor vive em `.rootzz-content__inner`: ele e seus
|
|
118
|
+
descendentes ficam de fora do reset de `border-*` para não vazar no app
|
|
119
|
+
de quem consome a lib. `box-sizing` é mantido por ser inofensivo. */
|
|
120
|
+
.rootzz-content__inner,
|
|
121
|
+
.rootzz-content__inner *,
|
|
122
|
+
.rootzz-content__inner *::before,
|
|
123
|
+
.rootzz-content__inner *::after {
|
|
124
|
+
border-width: revert;
|
|
125
|
+
border-style: revert;
|
|
126
|
+
border-color: revert;
|
|
127
|
+
}
|
|
128
|
+
|
|
117
129
|
.rootzz-layout {
|
|
118
130
|
/* Layout do shell: coluna com topbar no topo e (sidebar + conteúdo) abaixo. */
|
|
119
131
|
display: flex;
|
|
@@ -259,13 +271,13 @@
|
|
|
259
271
|
display: flex;
|
|
260
272
|
align-items: center;
|
|
261
273
|
gap: 0.375rem;
|
|
262
|
-
|
|
274
|
+
flex-shrink: 0;
|
|
263
275
|
}
|
|
264
276
|
|
|
265
277
|
.rootzz-brand__logo {
|
|
266
278
|
display: flex;
|
|
267
279
|
align-items: center;
|
|
268
|
-
|
|
280
|
+
flex-shrink: 0;
|
|
269
281
|
padding-left: 0.25rem;
|
|
270
282
|
}
|
|
271
283
|
|
|
@@ -284,7 +296,7 @@
|
|
|
284
296
|
display: inline-flex;
|
|
285
297
|
align-items: center;
|
|
286
298
|
gap: 0.5rem;
|
|
287
|
-
|
|
299
|
+
flex-shrink: 0;
|
|
288
300
|
}
|
|
289
301
|
|
|
290
302
|
.rootzz-brand__app img {
|
|
@@ -292,8 +304,8 @@
|
|
|
292
304
|
}
|
|
293
305
|
|
|
294
306
|
.rootzz-brand__app-icon {
|
|
295
|
-
height:
|
|
296
|
-
width:
|
|
307
|
+
height: 28px;
|
|
308
|
+
width: 28px;
|
|
297
309
|
object-fit: contain;
|
|
298
310
|
flex-shrink: 0;
|
|
299
311
|
}
|
|
@@ -301,13 +313,11 @@
|
|
|
301
313
|
.rootzz-brand__app-name {
|
|
302
314
|
/* No mobile, só o logo. O nome aparece a partir de sm. */
|
|
303
315
|
display: none;
|
|
304
|
-
min-width: 0;
|
|
305
316
|
font-size: 1.125rem;
|
|
306
317
|
font-weight: 400;
|
|
307
318
|
color: var(--rzl-fg);
|
|
308
|
-
overflow: hidden;
|
|
309
|
-
text-overflow: ellipsis;
|
|
310
319
|
white-space: nowrap;
|
|
320
|
+
flex-shrink: 0;
|
|
311
321
|
}
|
|
312
322
|
|
|
313
323
|
@media (min-width: 640px) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rootzz-layout",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Shell de aplicação (Topbar + Sidebar + Content) da Eduzz para React. Leve, sem dependências de runtime e em CSS puro (sem Tailwind no consumidor).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Eduzz",
|