add comments.app script

fix: NodesStatus
fix: margin-bottom
2026-06-25 11:17:31 +03:00 · 2026-06-21 23:27:30 +03:00 · 2026-06-21 23:19:17 +03:00 · 2026-06-21 23:16:28 +03:00
3 changed files with 20 additions and 16 deletions
@@ -18,5 +18,6 @@
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
    <script async src="https://comments.app/js/widget.js?3" data-comments-app-website="JSnN9CyA" data-limit="5" data-dislikes="1" data-outlined="1" data-dark="1"></script>
  </body>
 </html>
@@ -1,12 +1,13 @@
 {
  "name": "frontend",
-  "version": "0.9.5",
+  "version": "0.9.6",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
    "postbuild": "scp -r dist/. root@uvpn.shop:/opt/uvpn.shop/frontend"
  },
  "dependencies": {
    "@lucide/vue": "^1.16.0",
@@ -1,18 +1,20 @@
 <template>
  <section class="px-6 py-20 md:px-12 max-w-7xl mx-auto">
-    <div class="flex items-center justify-between mb-10 flex-wrap gap-4">
+    <div class="mb-10">
-      <h2 class="text-3xl md:text-4xl font-bold">
+      <h2 class="text-3xl md:text-4xl font-bold text-center mb-14">
        Статус серверов
      </h2>
      <div class="flex justify-center mt-6">
        <button
          @click="refreshData"
          :disabled="loading"
-        class="px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-xl text-sm font-medium transition disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+          class="px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-xl text-sm font-medium transition disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 cursor-pointer"
        >
          <RefreshCw :size="16" :class="{ 'animate-spin': loading }" />
          {{ loading ? 'Обновление...' : 'Обновить пинг' }}
        </button>
      </div>
    </div>
    <div v-if="loading && !hosts.length" class="flex justify-center py-12">
      <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
@@ -24,7 +26,7 @@
      <div
        v-for="host in sortedHosts"
        :key="host.address"
-        class="flex items-center justify-between bg-white dark:bg-gray-900 rounded-xl px-4 py-2.5 border transition hover:shadow-md"
+        class="flex items-center justify-between bg-white dark:bg-gray-900 rounded-xl px-4 py-2.5 border"
        :class="host.isOnline ? 'border-green-500/30' : 'border-red-500/30 opacity-60'"
      >
        <div class="flex items-center gap-3">
@@ -36,13 +38,13 @@
          <span class="font-semibold text-gray-800 dark:text-white">{{ host.name }}</span>
          <!-- Индикатор состояния (вместо online/offline) -->
-          <span class="relative flex h-3 w-3">
+          <span class="relative flex h-2 w-2">
            <span
              class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75"
              :class="host.isOnline ? 'bg-green-500' : 'bg-red-500'"
            ></span>
            <span
-              class="relative inline-flex rounded-full h-3 w-3"
+              class="relative inline-flex rounded-full h-2 w-2"
              :class="host.isOnline ? 'bg-green-600' : 'bg-red-600'"
            ></span>
          </span>
Author	SHA1	Message	Date
austnv	6e841b12f5	add comments.app script	2026-06-25 11:17:31 +03:00
austnv	7f227fcf05	fix: NodesStatus	2026-06-21 23:27:30 +03:00
austnv	a34a646c71	fix: margin-bottom	2026-06-21 23:19:17 +03:00
austnv	4a0ce08338	fix: header & button Build and Deploy Frontend via SSH / deploy (push) Successful in 43s Details	2026-06-21 23:16:28 +03:00