Update team.html
Browse files
team.html
CHANGED
|
@@ -66,6 +66,17 @@
|
|
| 66 |
.spinner { width: 40px; height: 40px; border: 4px solid #f0f0f0; border-top-color: #f97316; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; }
|
| 67 |
@keyframes spin { to { transform: rotate(360deg); } }
|
| 68 |
.empty-state { text-align: center; padding: 40px; background: white; border-radius: 12px; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
</style>
|
| 70 |
</head>
|
| 71 |
<body>
|
|
@@ -254,4 +265,4 @@
|
|
| 254 |
loadTeam();
|
| 255 |
</script>
|
| 256 |
</body>
|
| 257 |
-
</html>
|
|
|
|
| 66 |
.spinner { width: 40px; height: 40px; border: 4px solid #f0f0f0; border-top-color: #f97316; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 15px; }
|
| 67 |
@keyframes spin { to { transform: rotate(360deg); } }
|
| 68 |
.empty-state { text-align: center; padding: 40px; background: white; border-radius: 12px; }
|
| 69 |
+
|
| 70 |
+
@media (max-width: 600px) {
|
| 71 |
+
.period-stats { gap: 5px; }
|
| 72 |
+
.period-stat { padding: 8px 4px; }
|
| 73 |
+
.period-label { font-size: 10px; }
|
| 74 |
+
.period-mentions { font-size: 16px; }
|
| 75 |
+
.period-mentions-label { font-size: 8px; }
|
| 76 |
+
.period-rank { font-size: 9px; }
|
| 77 |
+
.team-name { font-size: 24px; }
|
| 78 |
+
.team-header { padding: 15px; }
|
| 79 |
+
}
|
| 80 |
</style>
|
| 81 |
</head>
|
| 82 |
<body>
|
|
|
|
| 265 |
loadTeam();
|
| 266 |
</script>
|
| 267 |
</body>
|
| 268 |
+
</html>
|