1 files changed, 56 insertions, 0 deletions
diff --git a/src/layouts/BasicLayout.module.css b/src/layouts/BasicLayout.module.css
new file mode 100644
index 0000000..a010ca5
--- /dev/null
+++ b/src/layouts/BasicLayout.module.css
@@ -0,0 +1,56 @@
+.main {
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
+  min-width: 0;
+}
+
+.footer {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top: 1px solid var(--app-shell-border-color);
+}
+
+.menuItem {
+  justify-content: flex-start;
+}
+
+.menuItem .icon[data-position='left'] {
+  width: calc(var(--collapsed-navigation-width) - 4 * var(--mantine-spacing-xs));
+  flex-shrink: 0;
+  justify-content: center;
+  margin: 0;
+}
+
+.label {
+  padding-inline-start: var(--mantine-spacing-xs);
+}
+
+.menuItem[data-collapsed] .label {
+  visibility: hidden;
+  flex: 0 0 auto;
+  width: 0;
+  padding-inline-start: 0;
+}
+
+.brand {
+  height: var(--app-shell-header-height);
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--app-shell-border-color);
+  white-space: nowrap;
+}
+
+.brand[data-collapsed] {
+  justify-content: center;
+}
+
+.menuItem[data-collapsed] .icon[data-position='right'] {
+  display: none;
+}