shiyue/upage-git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add upage logo

Browse Source
This commit is contained in:
LIlGG
2025-09-29 17:46:50 +08:00
parent ad5741879a
commit abd4d1d891
3 changed files with 43 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/header/Header.tsx
View File

@@ -1,8 +1,10 @@
import { useStore } from '@nanostores/react'; import { useStore } from '@nanostores/react';
import classNames from 'classnames'; import classNames from 'classnames';
import { useMemo } from 'react';
import { ClientOnly } from 'remix-utils/client-only'; import { ClientOnly } from 'remix-utils/client-only';
import { useAuth } from '~/lib/hooks'; import { useAuth } from '~/lib/hooks';
import { aiState } from '~/lib/stores/ai-state'; import { aiState } from '~/lib/stores/ai-state';
import { themeStore } from '~/lib/stores/theme';
import { HistorySwitch } from '../sidebar/HistorySwitch'; import { HistorySwitch } from '../sidebar/HistorySwitch';
import { ThemeSwitch } from '../ui/ThemeSwitch'; import { ThemeSwitch } from '../ui/ThemeSwitch';
import { ChatDescription } from './ChatDescription.client'; import { ChatDescription } from './ChatDescription.client';
@@ -12,6 +14,8 @@ import { MinimalAvatarDropdown } from './MinimalAvatarDropdown';
export function Header() { export function Header() {
const { isAuthenticated } = useAuth(); const { isAuthenticated } = useAuth();
const { chatStarted } = useStore(aiState); const { chatStarted } = useStore(aiState);
const theme = useStore(themeStore);
const logoSrc = useMemo(() => (theme === 'dark' ? '/logo-dark.png' : '/logo.png'), [theme]);
return ( return (
<> <>
@@ -26,9 +30,11 @@ export function Header() {
> >
<div className="flex items-center gap-2 z-logo text-upage-elements-textPrimary cursor-pointer"> <div className="flex items-center gap-2 z-logo text-upage-elements-textPrimary cursor-pointer">
<a href="/" className="text-xl font-semibold text-accent flex items-center"> <a href="/" className="text-xl font-semibold text-accent flex items-center">
UPage <picture>
<img src={logoSrc} alt="UPage Logo" className="h-6" />
</picture>
</a> </a>
<div className="flex gap-1 ml-6"> <div className="flex gap-1">
{isAuthenticated && <HistorySwitch />} {isAuthenticated && <HistorySwitch />}
<ThemeSwitch /> <ThemeSwitch />
</div> </div>

58
app/components/header/connections/NetlifyConnection.tsx
View File

@@ -55,7 +55,7 @@ export default function NetlifyConnection() {
const siteActions: SiteAction[] = [ const siteActions: SiteAction[] = [
{ {
name: '清除缓存', name: '清除缓存',
icon: 'heroicons:arrow-path', icon: 'i-heroicons:arrow-path',
action: async (siteId: string) => { action: async (siteId: string) => {
try { try {
const response = await fetch(`/api/netlify/sites/${siteId}/cache`, { const response = await fetch(`/api/netlify/sites/${siteId}/cache`, {
@@ -76,7 +76,7 @@ export default function NetlifyConnection() {
}, },
{ {
name: '删除站点', name: '删除站点',
icon: 'heroicons:trash', icon: 'i-heroicons:trash',
action: async (siteId: string) => { action: async (siteId: string) => {
try { try {
const response = await fetch(`/api/netlify/sites/${siteId}`, { const response = await fetch(`/api/netlify/sites/${siteId}`, {
@@ -251,14 +251,14 @@ export default function NetlifyConnection() {
variant="outline" variant="outline"
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent" />
<span>{connection.stats.totalSites} 站点</span> <span>{connection.stats.totalSites} 站点</span>
</Badge> </Badge>
<Badge <Badge
variant="outline" variant="outline"
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:rocket-launch size-4 text-upage-elements-item-contentAccent" /> <div className="i-heroicons:rocket-launch size-4 text-upage-elements-item-contentAccent" />
<span>{deploymentCount} 部署</span> <span>{deploymentCount} 部署</span>
</Badge> </Badge>
{lastUpdated && ( {lastUpdated && (
@@ -266,7 +266,7 @@ export default function NetlifyConnection() {
variant="outline" variant="outline"
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:clock size-4 text-upage-elements-item-contentAccent" /> <div className="i-heroicons:clock size-4 text-upage-elements-item-contentAccent" />
<span>更新于 {formatDistanceToNow(new Date(lastUpdated), { locale: zhCN })} 前</span> <span>更新于 {formatDistanceToNow(new Date(lastUpdated), { locale: zhCN })} 前</span>
</Badge> </Badge>
)} )}
@@ -276,7 +276,7 @@ export default function NetlifyConnection() {
<div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4"> <div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
您的站点 您的站点
</h4> </h4>
<Button <Button
@@ -292,7 +292,7 @@ export default function NetlifyConnection() {
> >
<div <div
className={classNames( className={classNames(
'heroicons:arrow-path size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent', 'i-heroicons:arrow-path size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent',
{ 'animate-spin': fetchingStats }, { 'animate-spin': fetchingStats },
)} )}
/> />
@@ -315,7 +315,7 @@ export default function NetlifyConnection() {
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="heroicons:cloud size-5 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:cloud size-5 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="font-medium text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="font-medium text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
{site.name} {site.name}
</span> </span>
@@ -326,9 +326,9 @@ export default function NetlifyConnection() {
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
{site.published_deploy?.state === 'ready' ? ( {site.published_deploy?.state === 'ready' ? (
<div className="heroicons:check-circle size-4 text-green-500" /> <div className="i-heroicons:check-circle size-4 text-green-500" />
) : ( ) : (
<div className="heroicons:x-circle size-4 text-red-500" /> <div className="i-heroicons:x-circle size-4 text-red-500" />
)} )}
<span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
{site.published_deploy?.state || 'Unknown'} {site.published_deploy?.state || 'Unknown'}
@@ -345,7 +345,7 @@ export default function NetlifyConnection() {
className="text-sm flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover" className="text-sm flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<div className="heroicons:cloud size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:cloud size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="underline decoration-1 underline-offset-2"> <span className="underline decoration-1 underline-offset-2">
{site.ssl_url || site.url} {site.ssl_url || site.url}
</span> </span>
@@ -388,7 +388,7 @@ export default function NetlifyConnection() {
{site.published_deploy && ( {site.published_deploy && (
<div className="mt-3 text-sm"> <div className="mt-3 text-sm">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<div className="heroicons:clock size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:clock size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary"> <span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary">
发布于{' '} 发布于{' '}
{formatDistanceToNow(new Date(site.published_deploy.published_at), { {formatDistanceToNow(new Date(site.published_deploy.published_at), {
@@ -399,7 +399,7 @@ export default function NetlifyConnection() {
</div> </div>
{site.published_deploy.branch && ( {site.published_deploy.branch && (
<div className="flex items-center gap-1 mt-1"> <div className="flex items-center gap-1 mt-1">
<div className="heroicons:code-bracket size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:code-bracket size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary"> <span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary">
分支: {site.published_deploy.branch} 分支: {site.published_deploy.branch}
</span> </span>
@@ -417,7 +417,7 @@ export default function NetlifyConnection() {
<div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4"> <div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
最近部署 最近部署
</h4> </h4>
</div> </div>
@@ -440,11 +440,11 @@ export default function NetlifyConnection() {
className="flex items-center gap-1" className="flex items-center gap-1"
> >
{deploy.state === 'ready' ? ( {deploy.state === 'ready' ? (
<div className="heroicons:check-circle size-4 text-green-500" /> <div className="i-heroicons:check-circle size-4 text-green-500" />
) : deploy.state === 'error' ? ( ) : deploy.state === 'error' ? (
<div className="heroicons:x-circle size-4 text-red-500" /> <div className="i-heroicons:x-circle size-4 text-red-500" />
) : ( ) : (
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent" />
)} )}
<span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
{deploy.state} {deploy.state}
@@ -457,7 +457,7 @@ export default function NetlifyConnection() {
</div> </div>
{deploy.branch && ( {deploy.branch && (
<div className="mt-2 text-xs text-upage-elements-textSecondary dark:text-upage-elements-textSecondary flex items-center gap-1"> <div className="mt-2 text-xs text-upage-elements-textSecondary dark:text-upage-elements-textSecondary flex items-center gap-1">
<div className="heroicons:code-bracket size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:code-bracket size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary"> <span className="text-upage-elements-textSecondary dark:text-upage-elements-textSecondary">
分支: {deploy.branch} 分支: {deploy.branch}
</span> </span>
@@ -472,7 +472,7 @@ export default function NetlifyConnection() {
className="flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover" className="flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<div className="heroicons:cloud size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:cloud size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="underline decoration-1 underline-offset-2">{deploy.deploy_url}</span> <span className="underline decoration-1 underline-offset-2">{deploy.deploy_url}</span>
</a> </a>
</div> </div>
@@ -485,7 +485,7 @@ export default function NetlifyConnection() {
disabled={isActionLoading} disabled={isActionLoading}
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
发布 发布
</Button> </Button>
{deploy.state === 'ready' ? ( {deploy.state === 'ready' ? (
@@ -496,7 +496,7 @@ export default function NetlifyConnection() {
disabled={isActionLoading} disabled={isActionLoading}
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:lock-closed size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:lock-closed size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
锁定 锁定
</Button> </Button>
) : ( ) : (
@@ -507,7 +507,7 @@ export default function NetlifyConnection() {
disabled={isActionLoading} disabled={isActionLoading}
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:lock-open size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:lock-open size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
解锁 解锁
</Button> </Button>
)} )}
@@ -521,7 +521,7 @@ export default function NetlifyConnection() {
<div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4"> <div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">
<h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
<div className="heroicons:code-bracket size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:code-bracket size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
最近构建 最近构建
</h4> </h4>
</div> </div>
@@ -540,11 +540,11 @@ export default function NetlifyConnection() {
className="flex items-center gap-1" className="flex items-center gap-1"
> >
{build.done && !build.error ? ( {build.done && !build.error ? (
<div className="heroicons:check-circle size-4" /> <div className="i-heroicons:check-circle size-4" />
) : build.error ? ( ) : build.error ? (
<div className="heroicons:x-circle size-4" /> <div className="i-heroicons:x-circle size-4" />
) : ( ) : (
<div className="heroicons:code-bracket size-4" /> <div className="i-heroicons:code-bracket size-4" />
)} )}
<span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
{build.done ? (build.error ? '失败' : '完成') : '进行中'} {build.done ? (build.error ? '失败' : '完成') : '进行中'}
@@ -557,7 +557,7 @@ export default function NetlifyConnection() {
</div> </div>
{build.error && ( {build.error && (
<div className="mt-2 text-xs text-upage-elements-textDestructive dark:text-upage-elements-textDestructive flex items-center gap-1"> <div className="mt-2 text-xs text-upage-elements-textDestructive dark:text-upage-elements-textDestructive flex items-center gap-1">
<div className="heroicons:x-circle size-3 text-upage-elements-textDestructive dark:text-upage-elements-textDestructive" /> <div className="i-heroicons:x-circle size-3 text-upage-elements-textDestructive dark:text-upage-elements-textDestructive" />
错误: {build.error} 错误: {build.error}
</div> </div>
)} )}
@@ -639,7 +639,7 @@ export default function NetlifyConnection() {
<div className="flex flex-col w-full gap-4 mt-4"> <div className="flex flex-col w-full gap-4 mt-4">
<div className="flex flex-wrap items-center gap-3"> <div className="flex flex-wrap items-center gap-3">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="heroicons:check-circle size-4 text-green-500" /> <div className="i-heroicons:check-circle size-4 text-green-500" />
<span className="text-sm text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-sm text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
已连接到 Netlify 已连接到 Netlify
</span> </span>
@@ -673,7 +673,7 @@ export default function NetlifyConnection() {
</> </>
) : ( ) : (
<> <>
<div className="heroicons:arrow-path size-4 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" /> <div className="i-heroicons:academic-cap-solid size-4 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" />
<span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
刷新统计 刷新统计
</span> </span>

12
app/components/header/connections/_1PanelConnection.tsx
View File

@@ -228,7 +228,7 @@ export default function _1PanelConnection({
variant="outline" variant="outline"
className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" className="flex items-center gap-1 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"
> >
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent" />
<span>{connection.stats.totalWebsites} 站点</span> <span>{connection.stats.totalWebsites} 站点</span>
</Badge> </Badge>
{connection.stats.lastUpdated && ( {connection.stats.lastUpdated && (
@@ -248,7 +248,7 @@ export default function _1PanelConnection({
<div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4"> <div className="bg-upage-elements-background dark:bg-upage-elements-background-depth-1 border border-upage-elements-borderColor dark:border-upage-elements-borderColor rounded-lg p-4">
<div className="flex items-center justify-between mb-4"> <div className="flex items-center justify-between mb-4">
<h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <h4 className="text-sm font-medium flex items-center gap-2 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
<div className="heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:building-library size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
您的站点 您的站点
</h4> </h4>
<Button <Button
@@ -260,7 +260,7 @@ export default function _1PanelConnection({
> >
<div <div
className={classNames( className={classNames(
'heroicons:arrow-path size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent', 'i-heroicons:arrow-path size-4 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent',
{ 'animate-spin': fetching }, { 'animate-spin': fetching },
)} )}
/> />
@@ -287,7 +287,7 @@ export default function _1PanelConnection({
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="heroicons:globe-alt size-5 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:globe-alt size-5 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="font-medium text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="font-medium text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
{site.alias} {site.alias}
</span> </span>
@@ -318,7 +318,7 @@ export default function _1PanelConnection({
className="text-sm flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover w-fit" className="text-sm flex items-center gap-1 transition-colors text-upage-elements-link-text hover:text-upage-elements-link-textHover dark:text-white dark:hover:text-upage-elements-link-textHover w-fit"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<div className="heroicons:paper-airplane size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" /> <div className="i-heroicons:paper-airplane size-3 text-upage-elements-item-contentAccent dark:text-upage-elements-item-contentAccent" />
<span className="underline decoration-1 underline-offset-2"> <span className="underline decoration-1 underline-offset-2">
{`${site.protocol.toLowerCase()}://${domain.domain}`} {`${site.protocol.toLowerCase()}://${domain.domain}`}
</span> </span>
@@ -560,7 +560,7 @@ export default function _1PanelConnection({
</> </>
) : ( ) : (
<> <>
<div className="heroicons:arrow-path size-4 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" /> <div className="i-ph:arrows-clockwise size-4 text-upage-elements-textPrimary dark:text-upage-elements-textPrimary" />
<span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary"> <span className="text-upage-elements-textPrimary dark:text-upage-elements-textPrimary">
刷新统计 刷新统计
</span> </span>