From fddadcc9b607f259dc821c88adc27222c3aec0b8 Mon Sep 17 00:00:00 2001
From: KOSASIH <kosasihg88@gmail.com>
Date: Tue, 13 Aug 2024 12:45:44 +0700
Subject: [PATCH] Create cluster.css

---
 projects/pi-atlas/styles/cluster.css | 76 ++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 projects/pi-atlas/styles/cluster.css

diff --git a/projects/pi-atlas/styles/cluster.css b/projects/pi-atlas/styles/cluster.css
new file mode 100644
index 000000000..24df3039f
--- /dev/null
+++ b/projects/pi-atlas/styles/cluster.css
@@ -0,0 +1,76 @@
+/* Cluster Styles */
+
+.cluster-container {
+  background-color: #f7f7f7;
+  border: 1px solid #ddd;
+  padding: 20px;
+  margin: 20px;
+  width: 300px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.cluster-header {
+  background-color: #337ab7;
+  color: #fff;
+  padding: 10px;
+  text-align: center;
+  border-bottom: 1px solid #ddd;
+}
+
+.cluster-header h2 {
+  margin-top: 0;
+}
+
+.cluster-content {
+  padding: 20px;
+}
+
+.cluster-content ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.cluster-content li {
+  margin-bottom: 10px;
+}
+
+.cluster-content li:before {
+  content: "\2022";
+  margin-right: 10px;
+  color: #337ab7;
+}
+
+.cluster-footer {
+  background-color: #f7f7f7;
+  padding: 10px;
+  text-align: center;
+  border-top: 1px solid #ddd;
+}
+
+.cluster-footer button {
+  background-color: #337ab7;
+  color: #fff;
+  border: none;
+  padding: 10px 20px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.cluster-footer button:hover {
+  background-color: #23527c;
+}
+
+.cluster-map {
+  width: 100%;
+  height: 200px;
+  border: 1px solid #ddd;
+  padding: 20px;
+}
+
+.cluster-map svg {
+  width: 100%;
+  height: 100%;
+}