From 1c13b898543db51351bf290ef91f90bd505e8456 Mon Sep 17 00:00:00 2001
From: songtianlun <tianlun.song@foxmail.com>
Date: Fri, 14 Feb 2025 10:27:26 +0800
Subject: [PATCH] style: improve footer layout and text labels

- Simplified page views and visitors display in footer
- Improved readability by using labels and abbreviations
- Updated Tailwind CSS configuration for better font fallback

These changes enhance the user interface in the footer by making the
presentation of page views and visitors more concise and visually
appealing. The update also ensures a better font fallback
experience across different platforms.
---
 app/views/layouts/_footer.html.erb | 14 ++++++--------
 tailwind.config.js                 | 18 +++++++++++++++++-
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/app/views/layouts/_footer.html.erb b/app/views/layouts/_footer.html.erb
index b787925..3533289 100644
--- a/app/views/layouts/_footer.html.erb
+++ b/app/views/layouts/_footer.html.erb
@@ -3,14 +3,12 @@
   <div class="container mx-auto flex flex-col gap-2">
     <div id="busuanzi_container" class="text-xs opacity-70">
       <div class="space-x-2">
-        <span>Page Views: <span id="busuanzi_page_pv"></span></span>
-        <span>|</span>
-        <span>Page Visitors: <span id="busuanzi_page_uv"></span></span>
-        <span>|</span>
-        <span>Total Views: <span id="busuanzi_site_pv"></span></span>
-        <span>|</span>
-        <span>Total Visitors: <span id="busuanzi_site_uv"></span></span>
-        <span>|</span>
+        <span>Page: </span>
+        <span>PV <span id="busuanzi_page_pv"></span></span>
+        <span>UV <span id="busuanzi_page_uv"></span></span>
+        <span>Site: </span>
+        <span>PV <span id="busuanzi_site_pv"></span></span>
+        <span>UV <span id="busuanzi_site_uv"></span></span>
         <span data-controller="page-load-time">
           Page Load Time: <span data-page-load-time-target="timer">x</span> ms
         </span>
diff --git a/tailwind.config.js b/tailwind.config.js
index 7bd2ef4..3242139 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,23 @@ module.exports = {
     extend: {
       fontFamily: {
         'display': ['"Playfair Display"', 'serif'],
-        'sans': ['Raleway', 'sans-serif'],
+        'sans': [
+          'ui-sans-serif',
+          'system-ui',
+          '-apple-system',
+          'BlinkMacSystemFont',
+          'Segoe UI',
+          'Roboto',
+          'Helvetica Neue',
+          'Vazirmatn',
+          'Arial',
+          'Noto Sans',
+          'sans-serif',
+          'Apple Color Emoji',
+          'Segoe UI Emoji',
+          'Segoe UI Symbol',
+          'Noto Color Emoji',
+        ],
       },
       height: {
         'screen-90': '90vh',