refactor(stories): co-locate stories with components (#2078)

* refactor: move ActionButton component * refactor: move BanUserButton component * refactor: move ChatActionMessage component * refactor: move ChatContainer component * refactor: move AuthModal component * refactor: move BrowserNotifyModal component * refactor: move ChatUserMessage component * refactor: move ChatJoinMessage component * refactor: move ChatTextField component * refactor: move ChatUserBadge component * refactor: move FollowerCollection and SingleFollower components * fix: bad import path * refactor: move FollowModal component * refactor: move Modal component * refactor: move ContentHeader component * refactor: move ChatSystemMessage component * refactor: move Header component * refactor: move Footer component * refactor: move StatusBar component * refactor: move OfflineBanner component * refactor: move OwncastPlayer component * refactor: move IndieAuthModal component * refactor: move SocialLinks component * refactor: move VideoPoster component * refactor: move FollowModal component * refactor: move FediAuthModal.tsx component * refactor: move UserDropdown component * refactor: move ChatSocialMessage component * refactor: move Logo component * refactor: move NotifyReminderPopup component * refactor: move NameChangeModal component * refactor: move FatalErrorStateModal component * refactor: move ChatModeratorNotification component * refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components * refactor: move CustomPageContent component * refactor: move storybook Introduction file * refactor: update storybook story import path * refactor: move storybook preview styles * refactor: move storybook doc pages * refactor: move Color and ImageAsset components * fix: bad import path * fix: bad import path in story file
2022-09-03 20:38:52 +02:00
parent 9f550a87d2
commit 5ebbbb8bf2
82 changed files with 120 additions and 121 deletions
--- a/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.module.scss
+++ b/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.module.scss
@@ -0,0 +1,48 @@
+.pushPreview {
+  border-style: dashed;
+  border-width: 2px;
+  width: 30vw;
+
+  .inner {
+    margin: 10px;
+    padding: 15px;
+    background-color: white;
+    box-shadow: 2px 6px 7px 0px #87898d;
+
+    .title {
+      font-weight: bold;
+    }
+
+    .permissionLine {
+      margin-top: 5px;
+    }
+
+    .buttonRow {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+
+      .disabled {
+        cursor: not-allowed;
+        outline-width: 1;
+        outline-color: '#e2e8f0';
+        outline-style: 'solid';
+        background-color: white;
+      }
+
+      .allow {
+        background-color: var(--theme-primary-color);
+      }
+
+      button {
+        margin-left: 10px;
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+        border-radius: 3px;
+        border-style: solid;
+      }
+    }
+  }
+}