Fix: More fixes for the message box and settings

This commit is contained in:
nizune 2021-06-28 10:32:55 +02:00
parent b812aa64ca
commit d60c56cdbf
4 changed files with 30 additions and 19 deletions

View file

@ -1,19 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/png" href="/src/assets/logo_round.png" /> <link rel="icon" type="image/png" href="/src/assets/logo_round.png" />
<!--<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />--> <!--<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>REVOLT</title> <title>REVOLT</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
<style> <style>
html { html {
background-color: #191919; background-color: #191919;
} }
</style> </style>
</html> </html>

View file

@ -54,6 +54,7 @@ const Base = styled.div`
const Blocked = styled.div` const Blocked = styled.div`
display: flex; display: flex;
align-items: center;
padding: 14px 0; padding: 14px 0;
user-select: none; user-select: none;
font-size: .875rem; font-size: .875rem;
@ -87,7 +88,7 @@ function MessageBox({ channel, draft, dispatcher }: Props) {
return ( return (
<Base> <Base>
<Blocked> <Blocked>
<ShieldX size={20}/> <ShieldX size={22}/>
<Text id="app.main.channel.misc.no_sending" /> <Text id="app.main.channel.misc.no_sending" />
</Blocked> </Blocked>
</Base> </Base>

View file

@ -11,7 +11,7 @@ interface Props {
export function Component(props: Props & WithDispatcher) { export function Component(props: Props & WithDispatcher) {
return ( return (
<div className={styles.notifications}> <div className={styles.experiments}>
<h3> <h3>
<Text id="app.settings.pages.experiments.features" /> <Text id="app.settings.pages.experiments.features" />
</h3> </h3>

View file

@ -373,3 +373,13 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.experiments { /* TOFIX: Center the "No new experiments available at this time" text without having a scrollbar */
height: 100%;
.empty {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}