owncast/web/components/modals/FollowModal/FollowModal.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

45 lines
656 B
SCSS

.header {
font-family: var(--theme-text-display-font-family);
font-size: 0.8rem;
}
.buttons {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}
.instructions {
font-family: var(--theme-text-display-font-family);
font-size: 0.7rem;
font-weight: 600;
}
.footer {
font-size: 0.5rem;
}
.account {
display: flex;
flex-direction: row;
margin-top: 5px;
margin-bottom: 10px;
font-size: 0.8rem;
.logo {
border-radius: 50%;
width: 4em;
height: 4em;
}
.username {
display: flex;
flex-direction: column;
margin-left: 10px;
margin-top: 5px;
.name {
font-weight: 600;
}
}
}