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>
<mask id="session"> <mask id="session">
<rect x="0" y="0" width="32" height="32" fill="white" /> <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>
<mask id="overlap"> <mask id="overlap">
<rect x="0" y="0" width="32" height="32" fill="white" /> <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 { .label {
margin-bottom: 8px; margin-bottom: 8px;
color: var(--primary-text); color: var(--primary-text);

View file

@ -1,21 +1,12 @@
import { HelpCircle } from "@styled-icons/boxicons-regular"; 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 relativeTime from "dayjs/plugin/relativeTime";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { decodeTime } from "ulid"; import { decodeTime } from "ulid";
import styles from "./Panes.module.scss"; import styles from "./Panes.module.scss";
import { Text } from "preact-i18n"; 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 { useContext, useEffect, useState } from "preact/hooks";
import { dayjs } from "../../../context/Locale"; import { dayjs } from "../../../context/Locale";
@ -68,7 +59,7 @@ export function Sessions() {
case /firefox/i.test(name): case /firefox/i.test(name):
return <Firefoxbrowser size={32} />; return <Firefoxbrowser size={32} />;
case /chrome/i.test(name): case /chrome/i.test(name):
return <Googlechrome size={32} />; return <Chrome size={32} />;
case /safari/i.test(name): case /safari/i.test(name):
return <Safari size={32} />; return <Safari size={32} />;
case /edge/i.test(name): case /edge/i.test(name):
@ -88,7 +79,7 @@ export function Sessions() {
case /mac.*os/i.test(name): case /mac.*os/i.test(name):
return <Macos size={14} />; return <Macos size={14} />;
case /ios/i.test(name): case /ios/i.test(name):
return <Ios size={14} />; return <Apple size={14} />;
case /windows/i.test(name): case /windows/i.test(name):
return <Windows size={14} />; return <Windows size={14} />;
default: default: