From 45630a63e16877bb6a9f806d63f05c5f969aa0f2 Mon Sep 17 00:00:00 2001
From: wood <wood@czl.net>
Date: Fri, 1 Sep 2023 22:05:27 +0800
Subject: [PATCH] update

---
 index.html         | 19 ++++++++-----------
 static/css-1.css   | 12 +++---------
 static/js.js       | 10 +++-------
 tailwind.config.js | 37 ++++++++++++++++++++++++++-----------
 4 files changed, 40 insertions(+), 38 deletions(-)
diff --git a/index.html b/index.html
index 1d5ba9e..607eed6 100644
--- a/index.html
+++ b/index.html
@@ -9,20 +9,17 @@
   <link rel="stylesheet" href="./static/css-1.css" type="text/css" />
   <script src="https://cdn.tailwindcss.com"></script>
   <link href="https://cdn.jsdelivr.net/npm/daisyui@3.6.4/dist/full.css" rel="stylesheet" type="text/css" />
-  <style>
-
-  </style>
 </head>
 
 <body class="bg-gray-900 text-white">
-  <div class="container w-full mx-auto px-4">
-    <div class="sidebar bg-gray-800 bg-opacity-60 p-8 relative overflow-y-auto">
+  <div class="container w-full mx-auto lg:flex">
+    <div class="sidebar  bg-gray-800 bg-opacity-60 p-8 relative overflow-y-auto lg:w-1/4 md:w-full">
       <header>
         <h1 class="text-2xl font-semibold mb-8 text-gradient">OpenAI API 信息查询</h1>
         <p class="mt-3 text-sm">页面列表：</p>
-        <a href="index.html" class="badge badge-accent">查API信息</a><br>
-        <a href="get_sess1.html" class="badge badge-accent">通过access token获取sess</a><br>
-        <a href="https://woodchen.ink/1266.html" class="badge badge-accent" target="_blank">手动获取sess的方法</a>
+        <a href="index.html" class="badge badge-accent hover:bg-base-100">查API信息</a><br>
+        <a href="get_sess1.html" class="badge badge-accent hover:bg-base-100">通过access token获取sess</a><br>
+        <a href="https://woodchen.ink/1266.html" class="badge badge-accent hover:bg-base-100" target="_blank">手动获取sess的方法</a>
       </header>
 
       <div class="query mt-8">
@@ -68,12 +65,12 @@
         </div>
       </div>
 
-      <button id="query-button" class="mt-8 w-full bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+      <button id="query-button" class="mt-8 w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded"
         onclick="sendRequest()">
         查询
       </button>
 
-      <div class="toast ">
+      <div class="toast invisible md:visible">
         <div class="alert alert-info">
           <p>广告链接：
             <a href="https://chat.czl.net" target="_blank" class="link link-hover">CZLChat</a> <a
@@ -87,7 +84,7 @@
       </div>
     </div>
 
-    <div class="content pl-6 pt-6">
+    <div class="content pl-6 pt-6 lg:w-3/4 md:w-full">
       <h2 class="text-2xl  mb-6 font-semibold text-gradient">查询结果</h2>
       <div class="overflow-x-auto">
         <div class="overflow-y-hidden ">
diff --git a/static/css-1.css b/static/css-1.css
index c2ba532..010ee41 100644
--- a/static/css-1.css
+++ b/static/css-1.css
@@ -1,6 +1,6 @@
 body {
     background: url('https://cdn-img.czl.net/2023/05/23/pjbczr.webp') no-repeat center center fixed;
-    background-size: cover;
+    background-size:cover;
 }
 
 html,
@@ -9,15 +9,9 @@ body {
 }
 
 .container {
-    display: flex;
-    height: 100VH;
+    /* display: flex; */
+    height: 100%;
 }
 
-.sidebar {
-    width: 30%;
-}
 
-.content {
-    width: 70%;
-}
 
diff --git a/static/js.js b/static/js.js
index 28c2c4a..8065afa 100644
--- a/static/js.js
+++ b/static/js.js
@@ -321,6 +321,7 @@ function sendRequest() {
             )
 
             let row = document.createElement("tr");
+            row.classList.add("hover:bg-gray-700");
 
             let serialNumberCell = document.createElement("td"); // 创建序列号单元格
             serialNumberCell.textContent = serialNumber; // 设置序列号文本
@@ -345,7 +346,7 @@ function sendRequest() {
 
                 let totalUsedCell = document.createElement("td");
                 if (!isNaN(data[1])) {
-                    totalUsedCell.textContent = data[1];
+                    totalUsedCell.textContent = data[1].toFixed(3);
                 } else {
                     totalUsedCell.textContent = '❌'
                 }
@@ -518,12 +519,7 @@ function showLoadingAnimation() {
     const button = document.getElementById("query-button");
     button.disabled = true;
     button.innerHTML = `
-      <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white inline-block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
-        </path>
-      </svg>
-      加载中...
+    <span class="loading loading-ring "></span>
     `;
 }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 18ed75b..82e8009 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,22 +1,37 @@
 module.exports = {
 
   theme: {
-  
+  screens: {
+    "sm": "640px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1280px",
+    "2xl": "1600px",
+    'sm': '576px',
+    "2xl":{'max': '1600px'},
+      // => @media (min-width: 576px) { ... }
+
+      'md': '960px',
+      // => @media (min-width: 960px) { ... }
+
+      'lg': '1560px',
+      // => @media (min-width: 1440px) { ... }
+  }
   },
 
   plugins: [require("daisyui")],
 
  
-  daisyui: {
-    themes: false, 
-    darkTheme: "dark", 
-    base: true, 
-    styled: true, 
-    utils: true, 
-    rtl: false, 
-    prefix: "", 
-    logs: true, 
-  },
+  // daisyui: {
+  //   themes: false, 
+  //   darkTheme: "dark", 
+  //   base: true, 
+  //   styled: true, 
+  //   utils: true, 
+  //   rtl: false, 
+  //   prefix: "", 
+  //   logs: true, 
+  // },
 
   //...
 }
\ No newline at end of file
