Danilka/Art-gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add influence rework, image checkup, debug mode, and fetched paintings.

Browse Source 
Support artist and movement influence links with web discovery, a developer checkup table with gallery/detail thumbnails, and debug image search with fix-it workflow.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Danila Khodjaef
2026-06-20 10:29:43 +03:00
co-authored by Cursor
parent 0ece1195fa
commit bf7db9b25e
246 changed files with 2429 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/PaintingDetail.css
+117
View File
@@ -1,4 +1,5 @@
.painting-detail {
position: relative;
min-height: 100vh;
background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%);
color: #e8d5b5;
@@ -164,6 +165,48 @@
color: #c9a96e;
}
.influence-title-static {
cursor: default;
}
.influence-card-movement {
display: flex;
flex-direction: row;
}
.influence-movement-swatch {
width: 12px;
flex-shrink: 0;
}
.influence-card-artist .influence-portrait-btn img {
height: 120px;
object-fit: cover;
object-position: top center;
}
.influence-period {
font-size: 11px;
color: #a89070;
font-style: italic;
margin: 0;
}
.influence-discovered-tag {
font-size: 10px;
color: #7a6a55;
font-style: italic;
}
.influence-title-btn:disabled {
cursor: default;
opacity: 0.85;
}
.influence-image-btn:disabled {
cursor: default;
}
.influence-aspects {
display: flex;
flex-wrap: wrap;
@@ -366,6 +409,80 @@
color: rgba(232, 213, 181, 0.85);
}
.debug-image-panel {
position: fixed;
left: 16px;
bottom: 16px;
z-index: 60;
width: min(280px, calc(100vw - 32px));
padding: 12px;
border-radius: 8px;
border: 1px solid rgba(232, 160, 64, 0.45);
background: rgba(15, 15, 26, 0.94);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
font-family: ui-monospace, 'Cascadia Code', monospace;
}
.debug-image-panel h4 {
margin: 0 0 6px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #e8a040;
}
.debug-image-query {
margin: 0 0 8px;
font-size: 10px;
line-height: 1.4;
color: rgba(232, 213, 181, 0.75);
word-break: break-word;
}
.debug-image-preview {
display: block;
width: 100%;
max-height: 160px;
object-fit: contain;
background: #2a1f15;
border-radius: 4px;
margin-bottom: 8px;
}
.debug-fix-btn {
width: 100%;
padding: 8px 10px;
border: 1px solid #e8a040;
border-radius: 6px;
background: rgba(232, 160, 64, 0.15);
color: #e8a040;
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
.debug-fix-btn:hover:not(:disabled) {
background: rgba(232, 160, 64, 0.28);
}
.debug-fix-btn:disabled {
opacity: 0.6;
cursor: wait;
}
.debug-image-status {
margin: 0;
font-size: 10px;
color: rgba(201, 169, 110, 0.7);
}
.debug-image-error {
margin: 0 0 8px;
font-size: 10px;
color: #ff8a80;
}
@media (max-width: 1024px) {
.painting-layout {
grid-template-columns: 1fr;