From 5d367eeceef883f02225016f2626bbacebd2c8b4 Mon Sep 17 00:00:00 2001 From: rgdevment Date: Wed, 14 Oct 2026 16:20:22 -0300 Subject: [PATCH 1/3] feat(about): show the Tisty beaver and the LinkUnbound bear beside the other tools --- app/src/index.css | 17 +++++++---------- app/src/linkunbound.svg | 16 ++++++++++++++++ app/src/tisty.svg | 38 ++++++++++++++++++++++++++++++++++++++ app/src/ui/About.tsx | 10 +++++----- 4 files changed, 66 insertions(+), 15 deletions(-) create mode 100644 app/src/linkunbound.svg create mode 100644 app/src/tisty.svg diff --git a/app/src/index.css b/app/src/index.css index 19c4c28b..38a0deac 100644 --- a/app/src/index.css +++ b/app/src/index.css @@ -873,15 +873,10 @@ button:disabled { } .tool .ico { - width: 24px; - height: 24px; + width: 28px; + height: 28px; flex: none; - display: grid; - place-items: center; - border-radius: var(--r-inset); - color: #ffffff; - font-size: var(--fs-small); - font-weight: 600; + object-fit: contain; } .tool b { @@ -1508,7 +1503,8 @@ button:disabled { @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .welcome-panda, :root:not([data-theme="light"]) .welcome-mark, - :root:not([data-theme="light"]) .brow .mark { + :root:not([data-theme="light"]) .brow .mark, + :root:not([data-theme="light"]) .tool .ico { filter: drop-shadow(0 0 1px rgb(248 250 255 / 0.9)) drop-shadow(0 0 10px rgb(248 250 255 / 0.25)); } @@ -1516,7 +1512,8 @@ button:disabled { :root[data-theme="dark"] .welcome-panda, :root[data-theme="dark"] .welcome-mark, -:root[data-theme="dark"] .brow .mark { +:root[data-theme="dark"] .brow .mark, +:root[data-theme="dark"] .tool .ico { filter: drop-shadow(0 0 1px rgb(248 250 255 / 0.9)) drop-shadow(0 0 10px rgb(248 250 255 / 0.25)); } diff --git a/app/src/linkunbound.svg b/app/src/linkunbound.svg new file mode 100644 index 00000000..7470f0dd --- /dev/null +++ b/app/src/linkunbound.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/app/src/tisty.svg b/app/src/tisty.svg new file mode 100644 index 00000000..8a91cb0b --- /dev/null +++ b/app/src/tisty.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/src/ui/About.tsx b/app/src/ui/About.tsx index 3d099cda..b4667c7b 100644 --- a/app/src/ui/About.tsx +++ b/app/src/ui/About.tsx @@ -3,9 +3,11 @@ import { invoke } from "@tauri-apps/api/core"; import { openUrl, revealItemInDir } from "@tauri-apps/plugin-opener"; import { useEffect, useRef, useState } from "react"; import { licences, notices, type Route, useUpdate } from "../core"; +import linkunbound from "../linkunbound.svg"; import { fill, t } from "../locales"; import { composed } from "../markdown"; import panda from "../panda.svg"; +import tisty from "../tisty.svg"; import { CloudOff, Code, Gift, Info, Key } from "./Icons"; const STARS = "https://github.com/rgdevment/CopyPaste"; @@ -57,13 +59,13 @@ function Newer() { const TOOLS = [ { name: "Tisty", - hue: "#7c6cf0", + icon: tisty, says: "toolTisty", at: "https://rgdevment.com/tisty/", }, { name: "LinkUnbound", - hue: "#3fbfa6", + icon: linkunbound, says: "toolLinkUnbound", at: "https://rgdevment.com/linkunbound/", }, @@ -266,9 +268,7 @@ export default function About() {
{t("otherTools")}
{TOOLS.map((tool) => (