chore: fix dark mode

This commit is contained in:
johnnyjoy
2025-05-07 22:04:53 +08:00
parent 706990b63c
commit 891b414d5f
3 changed files with 7 additions and 5 deletions
@@ -113,12 +113,12 @@ const AnalyticsView: React.FC<Props> = (props: Props) => {
</div> </div>
</div> </div>
) : ( ) : (
<div className="w-full divide-y divide-gray-300"> <div className="w-full divide-y divide-gray-300 dark:divide-zinc-700">
<div className="w-full flex flex-row justify-between items-center"> <div className="w-full flex flex-row justify-between items-center">
<span className="py-2 px-2 text-left text-sm font-semibold text-gray-500">{t("analytics.operating-system")}</span> <span className="py-2 px-2 text-left text-sm font-semibold text-gray-500">{t("analytics.operating-system")}</span>
<span className="py-2 pr-2 text-right text-sm font-semibold text-gray-500">{t("analytics.visitors")}</span> <span className="py-2 pr-2 text-right text-sm font-semibold text-gray-500">{t("analytics.visitors")}</span>
</div> </div>
<div className="w-full divide-y divide-gray-200"> <div className="w-full divide-y divide-gray-200 dark:divide-zinc-800">
{analytics.devices.length === 0 && ( {analytics.devices.length === 0 && (
<div className="w-full flex flex-row justify-center items-center py-6 text-gray-400"> <div className="w-full flex flex-row justify-center items-center py-6 text-gray-400">
<Icon.PackageOpen className="w-6 h-auto" /> <Icon.PackageOpen className="w-6 h-auto" />
@@ -127,7 +127,9 @@ const AnalyticsView: React.FC<Props> = (props: Props) => {
)} )}
{analytics.devices.map((device) => ( {analytics.devices.map((device) => (
<div key={device.name} className="w-full flex flex-row justify-between items-center"> <div key={device.name} className="w-full flex flex-row justify-between items-center">
<span className="whitespace-nowrap py-2 px-2 text-sm text-gray-900 truncate">{device.name || "Unknown"}</span> <span className="whitespace-nowrap py-2 px-2 text-sm text-gray-900 truncate dark:text-gray-500">
{device.name || "Unknown"}
</span>
<span className="whitespace-nowrap py-2 pr-2 text-sm text-gray-500 text-right shrink-0">{device.count}</span> <span className="whitespace-nowrap py-2 pr-2 text-sm text-gray-500 text-right shrink-0">{device.count}</span>
</div> </div>
))} ))}
@@ -78,7 +78,7 @@ const CollectionDashboard: React.FC = () => {
<Icon.PackageOpen size={64} strokeWidth={1} /> <Icon.PackageOpen size={64} strokeWidth={1} />
<p className="mt-2">No collections found.</p> <p className="mt-2">No collections found.</p>
<a <a
className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2" className="text-blue-600 border-t dark:border-t-zinc-600 text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/collections.md" href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/collections.md"
target="_blank" target="_blank"
> >
+1 -1
View File
@@ -80,7 +80,7 @@ const ShortcutDashboard: React.FC = () => {
<Icon.PackageOpen size={64} strokeWidth={1} /> <Icon.PackageOpen size={64} strokeWidth={1} />
<p className="mt-2">No shortcuts found.</p> <p className="mt-2">No shortcuts found.</p>
<a <a
className="text-blue-600 border-t text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2" className="text-blue-600 border-t dark:border-t-zinc-600 text-sm hover:underline flex flex-row justify-center items-center mt-4 pt-2"
href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/shortcuts.md" href="https://github.com/yourselfhosted/slash/blob/main/docs/getting-started/shortcuts.md"
target="_blank" target="_blank"
> >