change dash-board layout

2026-01-13 15:29:34 +07:00
parent 2e928fb91a
commit afb6bf1760
14 changed files with 1484 additions and 14 deletions
@@ -0,0 +1,74 @@
+export default function DahboardGeographySection() {
+	return (
+		<div className="dahboard-geography-section">
+			<h3 className="section-title">🌍 География нарушений</h3>
+			<div className="geography-grid">
+				<div className="country-item">
+					<div className="country-flag">🇺🇸</div>
+					<div className="country-info">
+						<div className="country-name">США</div>
+						<div className="country-bar">
+							<div className="country-bar-fill" style={{width: '44%'}}></div>
+						</div>
+					</div>
+					<div className="country-stats">
+						<div className="country-violations">231</div>
+						<div className="country-percent">44%</div>
+					</div>
+				</div>
+				<div className="country-item">
+					<div className="country-flag">🇷🇺</div>
+					<div className="country-info">
+						<div className="country-name">Россия</div>
+						<div className="country-bar">
+							<div className="country-bar-fill" style={{width: '44%'}}></div>
+						</div>
+					</div>
+					<div className="country-stats">
+						<div className="country-violations">227</div>
+						<div className="country-percent">44%</div>
+					</div>
+				</div>
+				<div className="country-item">
+					<div className="country-flag">🌐</div>
+					<div className="country-info">
+						<div className="country-name">Другие</div>
+						<div className="country-bar">
+							<div className="country-bar-fill" style={{width: '11%'}}></div>
+						</div>
+					</div>
+					<div className="country-stats">
+						<div className="country-violations">57</div>
+						<div className="country-percent">11%</div>
+					</div>
+				</div>
+				<div className="country-item">
+					<div className="country-flag">🇬🇧</div>
+					<div className="country-info">
+						<div className="country-name">Великобритания</div>
+						<div className="country-bar">
+							<div className="country-bar-fill" style={{width: '1%'}}></div>
+						</div>
+					</div>
+					<div className="country-stats">
+						<div className="country-violations">4</div>
+						<div className="country-percent">1%</div>
+					</div>
+				</div>
+				<div className="country-item">
+					<div className="country-flag">🇩🇪</div>
+					<div className="country-info">
+						<div className="country-name">Германия</div>
+						<div className="country-bar">
+							<div className="country-bar-fill" style={{width: '0%'}}></div>
+						</div>
+					</div>
+					<div className="country-stats">
+						<div className="country-violations">1</div>
+						<div className="country-percent">0%</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	)
+}