Update certain logos and re-do mask.

This commit is contained in:
Paul 2021-07-08 14:19:54 +01:00
parent e487f8c571
commit a3fa0b0807
3 changed files with 5 additions and 29 deletions

View file

@ -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" />

View file

@ -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);

View file

@ -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: