From 567b18fe2437c44c3e4e9f2985d7566515a2467a Mon Sep 17 00:00:00 2001 From: Untone Date: Sat, 28 Jun 2025 15:21:19 +0300 Subject: [PATCH] logo --- panel/admin.tsx | 199 ----------- panel/discours.svg | 22 ++ panel/login.tsx | 3 +- panel/publy.svg | 18 + panel/styles.css | 865 ++++++++++++++++++++++++++++++++++----------- 5 files changed, 708 insertions(+), 399 deletions(-) create mode 100644 panel/discours.svg create mode 100644 panel/publy.svg diff --git a/panel/admin.tsx b/panel/admin.tsx index 08335dc4..7d80174a 100644 --- a/panel/admin.tsx +++ b/panel/admin.tsx @@ -1418,207 +1418,8 @@ const AdminPage: Component = (props) => { ) } - // Добавляем стили для пагинации - const styles = ` - .pagination { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 20px; - padding: 10px; - background: #f5f5f5; - border-radius: 4px; - } - - .pagination-info { - font-size: 14px; - color: #666; - } - - .pagination-controls { - display: flex; - gap: 5px; - align-items: center; - } - - .pagination-button { - padding: 5px 10px; - border: 1px solid #ddd; - background: white; - border-radius: 4px; - cursor: pointer; - min-width: 35px; - text-align: center; - } - - .pagination-button:hover:not(:disabled) { - background: #f0f0f0; - } - - .pagination-button.active { - background: #007bff; - color: white; - border-color: #0056b3; - } - - .pagination-button:disabled { - opacity: 0.5; - cursor: not-allowed; - } - - .pagination-ellipsis { - padding: 5px; - color: #666; - } - - .pagination-per-page { - display: flex; - align-items: center; - gap: 10px; - } - - .pagination-per-page select { - padding: 5px; - border: 1px solid #ddd; - border-radius: 4px; - background: white; - } - - .modal-overlay { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.5); - display: flex; - justify-content: center; - align-items: center; - z-index: 1000; - } - - .modal-content { - background: white; - border-radius: 8px; - width: 90%; - max-width: 1200px; - max-height: 90vh; - display: flex; - flex-direction: column; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); - } - - .modal-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 16px; - border-bottom: 1px solid #eee; - } - - .modal-header h3 { - margin: 0; - font-size: 1.2em; - } - - .close-button { - background: none; - border: none; - font-size: 24px; - cursor: pointer; - padding: 0 8px; - color: #666; - } - - .close-button:hover { - color: #333; - } - - .modal-body { - padding: 16px; - overflow-y: auto; - flex: 1; - } - - .body-content { - font-family: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - font-size: 14px; - line-height: 1.5; - tab-size: 2; - hyphens: none; - white-space: pre-wrap; - word-break: break-word; - margin: 0; - padding: 16px; - background: #2d2d2d; - border-radius: 4px; - overflow-x: auto; - } - - .body-content code { - font-family: inherit; - background: none !important; - padding: 0 !important; - margin: 0 !important; - white-space: inherit !important; - } - - /* Улучшаем стили для Prism */ - .token.comment, - .token.prolog, - .token.doctype, - .token.cdata { - color: #999; - } - - .token.property, - .token.tag, - .token.boolean, - .token.number, - .token.constant, - .token.symbol { - color: #0099ff; - } - - .token.selector, - .token.attr-name, - .token.string, - .token.char, - .token.builtin { - color: #92d692; - } - - .token.operator, - .token.entity, - .token.url, - .language-css .token.string, - .token.variable, - .token.inserted { - color: #9a6e3a; - } - - .token.keyword { - color: #e68ac6; - } - - .modal-title { - display: flex; - align-items: center; - gap: 12px; - } - - .language-badge { - font-size: 12px; - padding: 4px 8px; - border-radius: 4px; - background: #f0f0f0; - color: #666; - } - ` - return (
-

Панель администратора

diff --git a/panel/discours.svg b/panel/discours.svg new file mode 100644 index 00000000..dc4ab588 --- /dev/null +++ b/panel/discours.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/panel/login.tsx b/panel/login.tsx index 73575efd..e39e731c 100644 --- a/panel/login.tsx +++ b/panel/login.tsx @@ -5,6 +5,7 @@ import { Component, createSignal } from 'solid-js' import { login } from './auth' +import logo from './publy.svg' interface LoginPageProps { onLoginSuccess?: () => void @@ -69,7 +70,7 @@ const LoginPage: Component = (props) => { return (