owncast/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.module.scss
James Young 5ebbbb8bf2
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 11:38:52 -07:00

48 lines
881 B
SCSS

.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;
}
}
}
}