From a3fa0b0807745acd3334e39025f6fa4eb4d2c84f Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Thu, 8 Jul 2021 14:19:54 +0100
Subject: [PATCH] Update certain logos and re-do mask.
---
src/components/ui/Masks.tsx | 2 +-
src/pages/settings/panes/Panes.module.scss | 15 ---------------
src/pages/settings/panes/Sessions.tsx | 17 ++++-------------
3 files changed, 5 insertions(+), 29 deletions(-)
diff --git a/src/components/ui/Masks.tsx b/src/components/ui/Masks.tsx
index 26493e3..54fe74a 100644
--- a/src/components/ui/Masks.tsx
+++ b/src/components/ui/Masks.tsx
@@ -14,7 +14,7 @@ export default function Masks() {
</mask>
<mask id="session">
<rect x="0" y="0" width="32" height="32" fill="white" />
- <circle cx="26" cy="30" r="12" fill={"black"} />
+ <circle cx="26" cy="28" r="10" fill={"black"} />
</mask>
<mask id="overlap">
<rect x="0" y="0" width="32" height="32" fill="white" />
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 95a57cb..15ae484 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 999e78d..c2b1f16 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 <Firefoxbrowser size={32} />;
case /chrome/i.test(name):
- return <Googlechrome size={32} />;
+ return <Chrome size={32} />;
case /safari/i.test(name):
return <Safari size={32} />;
case /edge/i.test(name):
@@ -88,7 +79,7 @@ export function Sessions() {
case /mac.*os/i.test(name):
return <Macos size={14} />;
case /ios/i.test(name):
- return <Ios size={14} />;
+ return <Apple size={14} />;
case /windows/i.test(name):
return <Windows size={14} />;
default:
--
GitLab