Fix: More fixes for the message box and settings

d60c56cd · nizune · b812aa64 · d60c56cd · d60c56cd · d60c56cd
Commit d60c56cd authored 3 years ago by nizune
--- a/index.html
+++ b/index.html
 <!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>
\ No newline at end of file
--- a/src/components/common/messaging/MessageBox.tsx
+++ b/src/components/common/messaging/MessageBox.tsx
@@ -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>

--- a/src/pages/settings/panes/Experiments.tsx
+++ b/src/pages/settings/panes/Experiments.tsx
@@ -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>

--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -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%;
+    }
+}
\ No newline at end of file