mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-10 01:03:36 -05:00
Update certain logos and re-do mask.
This commit is contained in:
parent
e487f8c571
commit
a3fa0b0807
3 changed files with 5 additions and 29 deletions
|
@ -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" />
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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:
|
||||||
|
|
Loading…
Reference in a new issue