Verified Commit daac05ba authored by insert's avatar insert

Fix critical bugs and attempt to fix Chrome.

Co-authored-by: default avatarnizune <[email protected]>
parent b78bf5ae
Pipeline #267 passed with stage
in 2 minutes and 19 seconds
public/icon/144x144.png

1.14 KB | W: | H:

public/icon/144x144.png

1.09 KB | W: | H:

public/icon/144x144.png
public/icon/144x144.png
public/icon/144x144.png
public/icon/144x144.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -6,9 +6,6 @@
.sidebar {
display: flex;
//flex-shrink: 1;
//max-height: 100%;
height: 100vh;
.conversation {
display: flex;
......@@ -17,7 +14,6 @@
color: var(--main-text);
background: var(--secondary);
border-radius: 10px 0 0 10px;
//height: 100%;
}
}
......
......@@ -2,7 +2,8 @@ import React, { useState, createContext, useContext } from 'react';
import Helmet from 'react-helmet';
import styles from './Settings.module.scss';
import classNames from 'classnames';
import { SettingsSidebar } from './settings/sidebar';
import { SettingsSidebar } from './settings/Sidebar';
import { scrollable } from '../components/util/Scrollbar';
import { Icon } from '../components/ui/elements/Icon';
import { AppContext, Page as AppPage } from '../App';
......
......@@ -4,7 +4,6 @@
flex-direction: column;
width: 80px;
background: var(--primary);
height: 100vh;
.padding {
display: block;
......
......@@ -3,9 +3,6 @@
color: var(--main-text);
background: var(--primary);
min-height: 0;
overflow: hidden;
padding: 0 10px;
@media screen and (min-width: 901px) {
......@@ -22,6 +19,9 @@
.wrapper {
margin-left: auto;
width: 216px;
min-height: 0;
overflow: hidden;
@media screen and (max-width: 900px) {
margin-left: 0;
......
import React, { memo, ReactNode, useContext } from 'react';
import styles from './index.module.scss';
import styles from './Sidebar.module.scss';
import classNames from 'classnames';
import logo from '../../../assets/downloads/branding/logo-white-full.svg';
import logo from '../../assets/downloads/branding/logo-white-full.svg';
import { Icons, Icon } from '../../../components/ui/elements/Icon';
import { SettingsContext, Page } from '../../Settings';
import { Instance } from '../../../internal/Client';
import { scrollable } from '../../../components/util/Scrollbar';
import { VERSION } from '../../../release';
import { Icons, Icon } from '../../components/ui/elements/Icon';
import { SettingsContext, Page } from '../Settings';
import { Instance } from '../../internal/Client';
import { scrollable } from '../../components/util/Scrollbar';
import { VERSION } from '../../release';
export const SettingsSidebar = memo(() => {
let settings = useContext(SettingsContext);
......
......@@ -18,6 +18,7 @@ html, body {
overscroll-behavior: contain;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
}
// causes issues on Firefox, outta here
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment