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

View file

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

View file

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

View file

@ -373,3 +373,13 @@
display: flex;
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%;
}
}