PTS/SkyArtShop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webupdate

Browse Source
This commit is contained in:
Local Server
2026-01-18 02:22:05 -06:00
parent 6fc159051a
commit 2a2a3d99e5
135 changed files with 54897 additions and 9825 deletions
Download Patch File Download Diff File Expand all files Collapse all files

222
website/admin/css/admin-style.css
View File

@@ -221,6 +221,27 @@ body {
background-color: #f8f9fa;
}
/* Table Action Buttons */
.table .btn-sm {
padding: 6px 10px;
font-size: 0.8rem;
border-radius: 6px;
margin-right: 4px;
}
.table .btn-sm:last-child {
margin-right: 0;
}
.table .btn-sm i {
font-size: 0.85rem;
}
/* Actions Column */
.table td:last-child {
white-space: nowrap;
}
/* Buttons */
.btn {
padding: 10px 20px;
@@ -229,18 +250,23 @@ body {
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
text-decoration: none;
}
.btn-primary {
background: var(--primary-gradient);
background: var(--primary-color);
border: none;
color: white;
}
.btn-primary:hover {
background: #5a6fd6;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
color: white;
}
.btn-secondary {
@@ -249,30 +275,99 @@ body {
color: white;
}
.btn-secondary:hover {
background: #5a6268;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
color: white;
}
.btn-success {
background: var(--success-color);
border: none;
color: white;
}
.btn-success:hover {
background: #218838;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
color: white;
}
.btn-danger {
background: var(--danger-color);
border: none;
color: white;
}
.btn-danger:hover {
background: #c82333;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
color: white;
}
.btn-warning {
background: var(--warning-color);
border: none;
color: #212529;
}
.btn-warning:hover {
background: #e0a800;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);
color: #212529;
}
.btn-info {
background: var(--info-color);
border: none;
color: white;
}
.btn-info:hover {
background: #138496;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(23, 162, 184, 0.4);
color: white;
}
/* Outline Button Variants */
.btn-outline-primary {
background: transparent;
border: 2px solid var(--primary-color);
color: var(--primary-color);
}
.btn-outline-primary:hover {
background: var(--primary-color);
color: white;
}
.btn-outline-secondary {
background: transparent;
border: 2px solid #6c757d;
color: #6c757d;
}
.btn-outline-secondary:hover {
background: #6c757d;
color: white;
}
.btn-outline-danger {
background: transparent;
border: 2px solid var(--danger-color);
color: var(--danger-color);
}
.btn-outline-danger:hover {
background: var(--danger-color);
color: white;
}
.btn-logout {
background: #dc3545;
color: white;
@@ -1010,6 +1105,56 @@ body.dark-mode .btn-primary:hover {
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
body.dark-mode .btn-secondary {
background: #4a5568;
color: #ffffff;
}
body.dark-mode .btn-secondary:hover {
background: #5a6a7d;
box-shadow: 0 4px 12px rgba(74, 85, 104, 0.4);
}
body.dark-mode .btn-success {
background: #38a169;
color: #ffffff;
}
body.dark-mode .btn-success:hover {
background: #2f855a;
box-shadow: 0 4px 12px rgba(56, 161, 105, 0.4);
}
body.dark-mode .btn-danger {
background: #e53e3e;
color: #ffffff;
}
body.dark-mode .btn-danger:hover {
background: #c53030;
box-shadow: 0 4px 12px rgba(229, 62, 62, 0.4);
}
body.dark-mode .btn-warning {
background: #d69e2e;
color: #1a202c;
}
body.dark-mode .btn-warning:hover {
background: #b7791f;
box-shadow: 0 4px 12px rgba(214, 158, 46, 0.4);
}
body.dark-mode .btn-info {
background: #3182ce;
color: #ffffff;
}
body.dark-mode .btn-info:hover {
background: #2b6cb0;
box-shadow: 0 4px 12px rgba(49, 130, 206, 0.4);
}
body.dark-mode .card {
background: #2d3748;
border-color: #4a5568;
@@ -1070,3 +1215,76 @@ body.dark-mode hr {
body.dark-mode .card-body {
color: #f0f0f0;
}
/* ============================================
QUILL RICH TEXT EDITOR STYLES
============================================ */
.ql-toolbar.ql-snow {
border-radius: 8px 8px 0 0;
background: #f8f9fa;
border-color: #ced4da;
}
.ql-container.ql-snow {
border-radius: 0 0 8px 8px;
border-color: #ced4da;
font-size: 15px;
}
.ql-editor {
min-height: 150px;
max-height: 350px;
overflow-y: auto;
}
.ql-editor::-webkit-scrollbar {
width: 8px;
}
.ql-editor::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.ql-editor::-webkit-scrollbar-thumb {
background: #667eea;
border-radius: 4px;
}
.ql-editor::-webkit-scrollbar-thumb:hover {
background: #5a6fd6;
}
/* Larger editor for blog posts and custom pages */
.modal-xl .ql-editor {
min-height: 300px;
max-height: 500px;
}
/* Dark mode support for Quill */
body.dark-mode .ql-toolbar.ql-snow {
background: #374151;
border-color: #4a5568;
}
body.dark-mode .ql-toolbar.ql-snow .ql-stroke {
stroke: #f0f0f0;
}
body.dark-mode .ql-toolbar.ql-snow .ql-fill {
fill: #f0f0f0;
}
body.dark-mode .ql-toolbar.ql-snow .ql-picker {
color: #f0f0f0;
}
body.dark-mode .ql-container.ql-snow {
background: #2d3748;
border-color: #4a5568;
color: #f0f0f0;
}
body.dark-mode .ql-editor.ql-blank::before {
color: #9ca3af;
}