Merge pull request #68 from OneFolderApp/13-post-installation-landing…

…-screen 13 post installation landing screen
OneFolderApp · Jan 25, 2024 · 9fca396 · 9fca396
2 parents aa70084 + faed2a0
commit 9fca396
Show file tree

Hide file tree

Showing 5 changed files with 90 additions and 15 deletions.
diff --git a/resources/icons/play.svg b/resources/icons/play.svg
diff --git a/resources/style/content.scss b/resources/style/content.scss
@@ -466,6 +466,7 @@ video {
 #content-placeholder {
   max-width: 480px;
   margin: 10% auto auto auto;
+  margin-top: 5%;
   text-align: center;
 
   .divider {
@@ -474,6 +475,45 @@ video {
     border-bottom: 1px solid var(--text-color-muted);
     margin: 1rem auto;
   }
+
+  .flower {
+    width: 7rem;
+    height: 7rem;
+    animation-name: spin;
+    animation-duration: 30000ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  }
+
+  .landing-text {
+    margin: auto;
+    font-size: 19px;
+    max-width: 300px;
+    text-align: left;
+  }
+
+  .button-container {
+    display: flex;
+    justify-content: center;
+    color: var(--text-color);
+
+    .figma_video-button {
+      display: inline-flex;
+      padding: 10px var(--Section-Margin, 24px);
+
+      justify-content: center;
+      align-items: center;
+      gap: var(--Element-Spacing, 8px);
+      border-radius: 32px;
+      border: 1px solid var(--Colors-Grey-400, #bcc3c8);
+      box-shadow: 0px 0px 4px 2px rgba(22, 22, 22, 0.057),
+        0px -1px 2px 2px rgba(22, 22, 22, 0.08) inset,
+        0px 1px 2px 2px rgba(255, 255, 255, 0.12) inset;
+
+      cursor: pointer;
+      font-weight: 500;
+    }
+  }
 }
 
 .masonry {

diff --git a/src/frontend/containers/ContentView/CalendarGallery.tsx b/src/frontend/containers/ContentView/CalendarGallery.tsx
@@ -44,7 +44,7 @@ const ListGallery = ({ contentRect, select, lastSelectionIndex }: GalleryProps)
         <button
           className="wip-link"
           onClick={() => {
-            shell.openExternal('/https://onefolder.canny.io/feedback/p/calendar-view');
+            shell.openExternal('https://onefolder.canny.io/feedback/p/calendar-view');
           }}
         >
           onefolder.canny.io/feedback/p/calendar-view

diff --git a/src/frontend/containers/ContentView/Placeholder.tsx b/src/frontend/containers/ContentView/Placeholder.tsx
diff --git a/widgets/icons.tsx b/widgets/icons.tsx
@@ -76,6 +76,7 @@ import MORE from 'resources/icons/more.svg';
 import PALETTE from 'resources/icons/palette.svg';
 import OPEN_EXTERNAL from 'resources/icons/open-external.svg';
 // import OUTLINER from 'resources/icons/outliner.svg';
+import PLAY from 'resources/icons/play.svg';
 import PLUS from 'resources/icons/plus.svg';
 import PREVIEW from 'resources/icons/preview.svg';
 import RELOAD from 'resources/icons/reload.svg';
@@ -190,6 +191,7 @@ const IconSet = {
   MORE: toSvg(MORE),
   PALETTE: toSvg(PALETTE),
   OPEN_EXTERNAL: toSvg(OPEN_EXTERNAL),
+  PLAY: toSvg(PLAY),
   PLUS: toSvg(PLUS),
   PREVIEW: toSvg(PREVIEW),
   RELOAD: toSvg(RELOAD),