2 lines
4.4 KiB
CSS
2 lines
4.4 KiB
CSS
.app-marketplace[data-v-5a0ca7e4]{padding:24px}.page-header[data-v-5a0ca7e4]{margin-bottom:32px}.header-content[data-v-5a0ca7e4]{display:flex;justify-content:space-between;align-items:flex-start}.header-text h1[data-v-5a0ca7e4]{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a1a}.header-text p[data-v-5a0ca7e4]{margin:0;color:#666;font-size:16px}.search-container[data-v-5a0ca7e4]{display:flex;justify-content:center;margin-bottom:32px}.apps-section[data-v-5a0ca7e4]{margin-bottom:32px}.apps-header[data-v-5a0ca7e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.apps-title h2[data-v-5a0ca7e4]{margin:0;font-size:20px;font-weight:600;color:#1f2937}.sort-controls[data-v-5a0ca7e4]{display:flex;align-items:center;gap:12px}.pagination-container[data-v-5a0ca7e4]{display:flex;justify-content:center;margin-top:32px;padding:20px 0}.search-bar[data-v-5a0ca7e4]{display:flex;gap:16px;align-items:center;max-width:600px;width:100%;padding:20px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-input[data-v-5a0ca7e4]{flex:1;min-width:0}.search-input .n-input[data-v-5a0ca7e4]{border-radius:12px;border:1px solid #d1d5db;transition:all .2s ease}.search-input .n-input[data-v-5a0ca7e4]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-button[data-v-5a0ca7e4]{border-radius:12px;font-weight:600;padding:0 24px;transition:all .2s ease}.search-button[data-v-5a0ca7e4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.apps-grid[data-v-5a0ca7e4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.app-card[data-v-5a0ca7e4]{border:1px solid #e5e7eb;border-radius:16px;background:white;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.app-card[data-v-5a0ca7e4]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#d1d5db}.app-image[data-v-5a0ca7e4]{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);cursor:pointer;transition:opacity .2s ease}.app-image[data-v-5a0ca7e4]:hover{opacity:.9}.app-image img[data-v-5a0ca7e4]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.app-card:hover .app-image img[data-v-5a0ca7e4]{transform:scale(1.05)}.app-image-placeholder[data-v-5a0ca7e4]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9ca3af;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.app-image-placeholder.show[data-v-5a0ca7e4]{display:flex}.app-content[data-v-5a0ca7e4]{padding:20px}.app-header[data-v-5a0ca7e4]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.app-title-section[data-v-5a0ca7e4]{flex:1;margin-right:12px}.app-title-section h3[data-v-5a0ca7e4]{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937;line-height:1.2}.clickable-title[data-v-5a0ca7e4]{cursor:pointer;transition:color .2s ease}.clickable-title[data-v-5a0ca7e4]:hover{color:#10b981}.app-team[data-v-5a0ca7e4]{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;font-weight:500}.app-team .n-icon[data-v-5a0ca7e4]{color:#9ca3af;font-size:14px}.app-name[data-v-5a0ca7e4]{color:#6b7280;font-size:11px;font-weight:500;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;background:transparent;border:1px solid #d1d5db;border-radius:12px;padding:4px 10px;text-align:center;min-width:70px;letter-spacing:.3px;text-transform:uppercase;font-size:10px;transition:all .2s ease}.app-name[data-v-5a0ca7e4]:hover{border-color:#9ca3af;color:#374151;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.app-subtitle[data-v-5a0ca7e4]{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.app-actions[data-v-5a0ca7e4]{padding:0 20px 20px;display:flex;gap:12px}.app-actions .n-button[data-v-5a0ca7e4]{flex:1}.loading[data-v-5a0ca7e4],.empty[data-v-5a0ca7e4]{display:flex;justify-content:center;align-items:center;min-height:300px}@media (max-width: 768px){.header-content[data-v-5a0ca7e4]{flex-direction:column;gap:16px;align-items:stretch}.search-container[data-v-5a0ca7e4]{margin-bottom:24px}.search-bar[data-v-5a0ca7e4]{flex-direction:column;gap:12px;padding:16px;max-width:100%}.search-input[data-v-5a0ca7e4],.search-button[data-v-5a0ca7e4]{width:100%}.apps-grid[data-v-5a0ca7e4]{grid-template-columns:1fr;gap:16px}.app-card[data-v-5a0ca7e4]{border-radius:12px}.app-image[data-v-5a0ca7e4]{height:180px}}
|