microboard-ui-temp 0.1.169 → 0.2.1

package/dist/index.css

@@ -88,6 +88,150 @@
   margin: 0 10px;
 }
 
+/* src/entities/account/AuthForm.module.css */
+.wrapper_nFyDWw {
+  display: flex;
+  background-color: #fff;
+  flex-direction: column;
+  justify-content: center;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+}
+
+.form_nFyDWw {
+  box-sizing: border-box;
+  display: flex;
+  border-radius: 8px;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+}
+
+.link_nFyDWw {
+  text-decoration: none;
+  color: #6c7173;
+  display: flex;
+  justify-content: center;
+  align-self:  flex-start;
+  width: 100%;
+  margin-top: 10px;
+  font-family: Manrope, Arial;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.link_nFyDWw:hover {
+  text-decoration: underline;
+}
+
+.link_nFyDWw:visited {
+  color: #6c7173;
+}
+
+.title_nFyDWw {
+  text-align: center;
+  margin-bottom: 32px;
+  font-family: Manrope, Arial;
+  font-weight: 600;
+}
+
+.error_nFyDWw {
+  color: red;
+}
+
+.button_nFyDWw {
+  color: #fff;
+  cursor: pointer;
+  outline-color: #0000;
+  box-sizing: border-box;
+  display: flex;
+  background-color: #14151a;
+  border: 1px solid #14151a;
+  border-radius: 12px;
+  justify-content: center;
+  align-items:  center;
+  gap: 8px;
+  width: 100%;
+  height: 40px;
+  margin-top: 32px;
+  font-family: Manrope, Arial;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.button_nFyDWw:disabled {
+  color: #0a0f2940;
+  background-color: #e9eaec;
+  border-color: #e9eaec;
+}
+
+.button_nFyDWw:disabled:hover {
+  cursor: not-allowed;
+  color: #0a0f2940;
+  background-color: #e9eaec;
+  border-color: #e9eaec;
+}
+
+.button_nFyDWw:active {
+  outline: 2px solid #c8b2ff80;
+}
+
+.button_nFyDWw:hover {
+  background-color: #1f2228;
+}
+
+.forgot_nFyDWw {
+  font-weight: 600 !important;
+}
+
+.btns_nFyDWw {
+  display: flex;
+  flex-direction: column;
+  align-items:  center;
+  gap: 12px;
+  width: 100%;
+  margin-top: 16px;
+}
+
+.anotherBtns_nFyDWw {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+  margin: 0 0 40px;
+}
+
+@media screen and (max-width: 640px) {
+  .title_nFyDWw {
+    margin-bottom: 8px;
+  }
+
+  .policy_nFyDWw {
+    text-align: center;
+    margin-bottom: 20px;
+    font-size: 14px;
+  }
+
+  .policyLink_nFyDWw {
+    text-decoration: none;
+  }
+
+  .policyLink_nFyDWw:after {
+    content: "";
+    position: absolute;
+    background-color: #0000;
+    width: 100%;
+    height: 2px;
+    bottom: -3px;
+    left: 0;
+  }
+
+  .btns_nFyDWw {
+    margin-top: 8px;
+  }
+}
+
 /* src/shared/ui-lib/UiButton/UiButton.module.css */
 .default_XNHIwg {
   --background-color: #924fe8;
@@ -721,159 +865,6 @@
   }
 }
 
-/* src/features/WalletLoginButton/WalletLoginButton.module.css */
-.btn_JyYbVQ {
-  position: relative;
-  width: 100%;
-  max-width: 252px;
-  margin: 0 auto;
-  font-weight: 500;
-}
-
-/* src/entities/account/AuthForm.module.css */
-.wrapper_nFyDWw {
-  display: flex;
-  background-color: #fff;
-  flex-direction: column;
-  justify-content: center;
-  align-items: stretch;
-  width: 100%;
-  height: 100%;
-}
-
-.form_nFyDWw {
-  box-sizing: border-box;
-  display: flex;
-  border-radius: 8px;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-}
-
-.link_nFyDWw {
-  text-decoration: none;
-  color: #6c7173;
-  display: flex;
-  justify-content: center;
-  align-self:  flex-start;
-  width: 100%;
-  margin-top: 10px;
-  font-family: Manrope, Arial;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.link_nFyDWw:hover {
-  text-decoration: underline;
-}
-
-.link_nFyDWw:visited {
-  color: #6c7173;
-}
-
-.title_nFyDWw {
-  text-align: center;
-  margin-bottom: 32px;
-  font-family: Manrope, Arial;
-  font-weight: 600;
-}
-
-.error_nFyDWw {
-  color: red;
-}
-
-.button_nFyDWw {
-  color: #fff;
-  cursor: pointer;
-  outline-color: #0000;
-  box-sizing: border-box;
-  display: flex;
-  background-color: #14151a;
-  border: 1px solid #14151a;
-  border-radius: 12px;
-  justify-content: center;
-  align-items:  center;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  margin-top: 32px;
-  font-family: Manrope, Arial;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.button_nFyDWw:disabled {
-  color: #0a0f2940;
-  background-color: #e9eaec;
-  border-color: #e9eaec;
-}
-
-.button_nFyDWw:disabled:hover {
-  cursor: not-allowed;
-  color: #0a0f2940;
-  background-color: #e9eaec;
-  border-color: #e9eaec;
-}
-
-.button_nFyDWw:active {
-  outline: 2px solid #c8b2ff80;
-}
-
-.button_nFyDWw:hover {
-  background-color: #1f2228;
-}
-
-.forgot_nFyDWw {
-  font-weight: 600 !important;
-}
-
-.btns_nFyDWw {
-  display: flex;
-  flex-direction: column;
-  align-items:  center;
-  gap: 12px;
-  width: 100%;
-  margin-top: 16px;
-}
-
-.anotherBtns_nFyDWw {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-  margin: 0 0 40px;
-}
-
-@media screen and (max-width: 640px) {
-  .title_nFyDWw {
-    margin-bottom: 8px;
-  }
-
-  .policy_nFyDWw {
-    text-align: center;
-    margin-bottom: 20px;
-    font-size: 14px;
-  }
-
-  .policyLink_nFyDWw {
-    text-decoration: none;
-  }
-
-  .policyLink_nFyDWw:after {
-    content: "";
-    position: absolute;
-    background-color: #0000;
-    width: 100%;
-    height: 2px;
-    bottom: -3px;
-    left: 0;
-  }
-
-  .btns_nFyDWw {
-    margin-top: 8px;
-  }
-}
-
 /* src/features/ImportMiro/AuthClipboardModal/AuthClipboardModal.module.css */
 .modal_PX-HyA {
   width: 100%;
@@ -8564,56 +8555,6 @@ td.currentTariff_0VfwRg {
   color: #0a0f2940;
 }
 
-/* src/features/LandingMenu/LandingMenu.module.css */
-.menuPanel_N49qJQ {
-  position: absolute;
-  overflow: hidden;
-  border-radius: 900px;
-  top: 12px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.link_N49qJQ {
-  background: linear-gradient(270deg, #944fe7 0%, #a347e7 24.15%, #b240e7 66.97%, #c239e7 100%);
-  -webkit-text-fill-color: transparent;
-  overflow: hidden;
-  white-space: nowrap;
-  -webkit-background-clip: text;
-  background-clip: text;
-  padding-left: 18px;
-  padding-right: 18px;
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.linksWrapper_N49qJQ {
-  display: flex;
-  align-items:  center;
-  max-width: 0;
-  transition: max-width .3s ease-in-out;
-}
-
-.open_N49qJQ .linksWrapper_N49qJQ {
-  max-width: 999px;
-}
-
-.menuPanel_N49qJQ:not(.open_N49qJQ) .openBtn_N49qJQ {
-  --padding: 12px 24px;
-}
-
-@media screen and (max-width: 1620px) {
-  .menuPanel_N49qJQ {
-    transform: translateX(-24%);
-  }
-}
-
-@media screen and (max-width: 1360px) {
-  .menuPanel_N49qJQ {
-    display: none;
-  }
-}
-
 /* src/features/LandingMenu/MobileLandingMenu.module.css */
 .mobileLandingMenuWrapper_e5mELA {
   position: absolute;
@@ -8803,12 +8744,200 @@ td.currentTariff_0VfwRg {
   transform: scale(3);
 }
 
+/* src/features/SidePanel/BoardItemsList.module.css */
+.list_Jwe-NQ {
+  display: flex;
+  overflow-y: auto;
+  flex-direction: column;
+  flex: 1 1 0;
+  padding: 2px 0 6px;
+}
+
+.list_Jwe-NQ::-webkit-scrollbar {
+  width: 4px;
+}
+
+.list_Jwe-NQ::-webkit-scrollbar-thumb {
+  background-color: #dee1e8;
+  border-radius: 2px;
+}
+
+.row_Jwe-NQ {
+  display: flex;
+  align-items:  center;
+  gap: 2px;
+  padding-right: 4px;
+}
+
+.item_Jwe-NQ {
+  display: flex;
+  color: var(--text-base-primary);
+  cursor: pointer;
+  text-align: left;
+  overflow: hidden;
+  background: none;
+  border: none;
+  border-radius: 5px;
+  flex: 1;
+  align-items:  center;
+  gap: 5px;
+  min-width: 0;
+  padding: 3px 4px;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.chevronBtn_Jwe-NQ {
+  display: flex;
+  cursor: pointer;
+  color: var(--text-base-secondary, #888);
+  background: none;
+  border: none;
+  border-radius: 3px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items:  center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+}
+
+.chevronBtn_Jwe-NQ:hover, .item_Jwe-NQ:hover {
+  background-color: var(--bg-action-secondary-hover, #0000000d);
+}
+
+.typeIcon_Jwe-NQ {
+  opacity: .55;
+  flex-shrink: 0;
+}
+
+.label_Jwe-NQ {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.empty_Jwe-NQ {
+  color: var(--text-base-secondary, #888);
+  padding: 4px 8px 6px 28px;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.highlight_Jwe-NQ {
+  color: inherit;
+  background-color: #924fe833;
+  border-radius: 2px;
+}
+
+/* src/features/BoardItemsPanel/BoardItemsPanel.module.css */
+.panel_8tFAuw {
+  overflow: hidden;
+  box-shadow: none;
+  position: relative;
+  display: flex;
+  border: none;
+  flex-direction: column;
+  align-items: stretch;
+  width: 0;
+  margin-left: 0;
+  transition: width .3s, max-width .3s, min-width .3s;
+}
+
+.panel_8tFAuw.open_8tFAuw {
+  visibility: visible;
+  border: 1px solid var(--border-action-normal);
+  width: 260px;
+  min-width: 180px;
+  max-width: 35dvw;
+  margin-left: 12px;
+  box-shadow: 0 4px 4px #00000040;
+  padding: 8px 4px !important;
+}
+
+.header_8tFAuw {
+  display: flex;
+  justify-content: space-between;
+  align-items:  center;
+  padding: 0 4px;
+}
+
+.title_8tFAuw {
+  flex: 1 0;
+  padding: 4px 8px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.close_8tFAuw {
+  --padding: 4px;
+  --min-width: 28px;
+  --min-height: 28px;
+  color: var(--text-base-primary);
+  border-radius: 12px;
+}
+
+.search_8tFAuw {
+  display: flex;
+  border: 1px solid var(--border-action-normal, #0000001f);
+  background: var(--bg-action-secondary, #f5f5f7);
+  border-radius: 8px;
+  align-items:  center;
+  gap: 6px;
+  margin: 4px 8px 2px;
+  padding: 5px 8px;
+}
+
+.searchIcon_8tFAuw {
+  opacity: .45;
+  flex-shrink: 0;
+}
+
+.searchInput_8tFAuw {
+  outline: none;
+  color: var(--text-base-primary);
+  background: none;
+  border: none;
+  flex: 1;
+  min-width: 0;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.searchInput_8tFAuw::placeholder {
+  color: var(--text-base-secondary, #aaa);
+}
+
+.searchClear_8tFAuw {
+  display: flex;
+  cursor: pointer;
+  opacity: .45;
+  background: none;
+  border: none;
+  border-radius: 3px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items:  center;
+  padding: 0;
+}
+
+.searchClear_8tFAuw:hover {
+  opacity: .8;
+}
+
+.content_8tFAuw {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+}
+
 /* src/features/TitlePanel/TitlePanel.module.css */
 .panel_i3VZwA {
   position: absolute;
   top: -60px;
   left: var(--absolute-position-panel-padding);
-  overflow: hidden;
 }
 
 .logoWrapper_i3VZwA.viewMode_i3VZwA {
@@ -9035,7 +9164,30 @@ input.rename_i3VZwA {
   width: 50%;
 }
 
-.btn_FAHvNA {
+.btn_FAHvNA, .previewUpload_FAHvNA {
+  width: 100%;
+}
+
+.fileInputHidden_FAHvNA {
+  display: none;
+}
+
+.previewImageWrapper_FAHvNA {
+  display: flex;
+  flex-direction: column;
+  align-items:  center;
+  gap: 8px;
+  width: 100%;
+}
+
+.previewImage_FAHvNA {
+  object-fit: cover;
+  border-radius: 8px;
+  width: 100%;
+  max-height: 200px;
+}
+
+.changePreviewBtn_FAHvNA {
   width: 100%;
 }
 
@@ -11530,7 +11682,7 @@ input.rename_i3VZwA {
   flex-direction: column;
   align-items:  center;
   width: 420px;
-  max-width: 80dvw;
+  max-width: 96dvw;
   padding: 0 !important;
 }
 

package/dist/index.html

@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="
+			width=device-width,
+			initial-scale=1,
+			shrink-to-fit=no
+			minimum-scale=1.0, 
+			maximum-scale=1.0, 
+			user-scalable=no
+		 "
+    />
+    <title>Microboard</title>
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16-yz8wdy0r.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32-cwn1gceh.png" />
+    <link rel="icon" type="image/svg+xml" href="public/favicon.svg" />
+    <link rel="icon" href="/favicon-886rjdq8.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-8hjanz47.png" />
+    <link rel="manifest" href="/site-fdcbs67f.webmanifest" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
+    
+  <link rel="stylesheet" crossorigin href="/chunk-mg3xye07.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-5spq6dt9.js"></script></head>
+
+  <body
+    style="
+      margin: 0;
+      height: 100%;
+      width: 100%;
+      /* overflow: hidden; */
+      position: fixed;
+      padding: 0;
+      touch-action: none;
+      -ms-touch-action: none;
+      background-color: #fff;
+    "
+  >
+    <div
+      id="root"
+      style="
+        height: 100%;
+        width: 100%;
+        resize: none;
+        background: none;
+        outline: none;
+        border: none;
+        padding: 0px;
+        margin: 0px;
+        overflow: auto;
+      "
+    >
+      <div
+        style="
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 100vh;
+          width: 100vw;
+        "
+      >
+        <div style="transform: scale(7)">
+          <img src="public/loader.svg" alt="" />
+        </div>
+      </div>
+    </div>
+    <div id="modal"></div>
+    <div id="selector"></div>
+    <div
+      id="drag"
+      style="
+        position: fixed;
+        left: 0;
+        top: 0;
+        touch-action: none;
+        height: 100%;
+        width: 100%;
+        z-index: 1000;
+        pointer-events: none;
+      "
+    ></div>
+    <div id="tooltip"></div>
+    
+  </body>
+</html>