Spaces:
Running
Running
File size: 1,427 Bytes
3aeaee2 67efaec 3aeaee2 67efaec 6359868 67efaec 6359868 67efaec 6359868 67efaec 6359868 67efaec 6359868 67efaec 6359868 67efaec |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
/* Custom styles that extend Tailwind */
.admin-only {
display: none;
}
.auth-only .admin-only {
display: block;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
.hero {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('http://static.photos/automotive/1200x630/10');
background-size: cover;
background-position: center;
min-height: 400px;
display: flex;
align-items: center;
}
/* 3D Viewer Container */
.model-viewer-container {
width: 100%;
height: 300px;
background-color: #f3f4f6;
border-radius: 0.5rem;
overflow: hidden;
position: relative;
}
/* Loading spinner for 3D models */
.model-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 4px solid rgba(59, 130, 246, 0.2);
border-radius: 50%;
border-top-color: #3b82f6;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #3b82f6;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #2563eb;
} |