diff --git a/src/components/ui/Masks.tsx b/src/components/ui/Masks.tsx index 26493e34..54fe74a6 100644 --- a/src/components/ui/Masks.tsx +++ b/src/components/ui/Masks.tsx @@ -14,7 +14,7 @@ export default function Masks() { - + diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss index 95a57cb1..15ae4847 100644 --- a/src/pages/settings/panes/Panes.module.scss +++ b/src/pages/settings/panes/Panes.module.scss @@ -373,21 +373,6 @@ } } - .icon { - gap: 8px; - display: flex; - /*padding-right: 12px;*/ - align-items: center; - - svg { - height: 42px; - } - - div svg { - height: 24px; - } - } - .label { margin-bottom: 8px; color: var(--primary-text); diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx index 999e78d8..c2b1f162 100644 --- a/src/pages/settings/panes/Sessions.tsx +++ b/src/pages/settings/panes/Sessions.tsx @@ -1,21 +1,12 @@ import { HelpCircle } from "@styled-icons/boxicons-regular"; -import { - Android, - Firefoxbrowser, - Googlechrome, - Ios, - Linux, - Macos, - Microsoftedge, - Safari, - Windows, -} from "@styled-icons/simple-icons"; import relativeTime from "dayjs/plugin/relativeTime"; import { useHistory } from "react-router-dom"; import { decodeTime } from "ulid"; import styles from "./Panes.module.scss"; import { Text } from "preact-i18n"; +import { Safari, Firefoxbrowser, Microsoftedge, Linux, Macos } from "@styled-icons/simple-icons"; +import { Chrome, Android, Apple, Windows } from "@styled-icons/boxicons-logos"; import { useContext, useEffect, useState } from "preact/hooks"; import { dayjs } from "../../../context/Locale"; @@ -68,7 +59,7 @@ export function Sessions() { case /firefox/i.test(name): return ; case /chrome/i.test(name): - return ; + return ; case /safari/i.test(name): return ; case /edge/i.test(name): @@ -88,7 +79,7 @@ export function Sessions() { case /mac.*os/i.test(name): return ; case /ios/i.test(name): - return ; + return ; case /windows/i.test(name): return ; default: