Добавить экран проверки public Solana RPC

shine-UI/styles/components.css

@@ -1300,6 +1300,59 @@
   margin-top: 4px;
 }
 
+.solana-rpc-card {
+  width: min(100%, 420px);
+  justify-self: center;
+}
+
+.solana-rpc-card-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.solana-rpc-badge {
+  flex: 0 0 auto;
+  text-align: center;
+}
+
+.solana-rpc-badge.is-ok {
+  border-color: rgba(132, 244, 161, 0.42);
+  background: rgba(132, 244, 161, 0.12);
+  color: #d7ffe3;
+}
+
+.solana-rpc-badge.is-warn {
+  border-color: rgba(242, 210, 129, 0.42);
+  background: rgba(242, 210, 129, 0.12);
+  color: #fff0c7;
+}
+
+.solana-rpc-badge.is-bad {
+  border-color: rgba(255, 113, 143, 0.42);
+  background: rgba(255, 113, 143, 0.12);
+  color: #ffd7df;
+}
+
+.solana-rpc-url {
+  color: #9fd8ff;
+  text-decoration: underline;
+  overflow-wrap: anywhere;
+  word-break: break-all;
+  font-size: 13px;
+}
+
+.solana-rpc-meta {
+  display: grid;
+  gap: 6px;
+}
+
+.solana-rpc-details {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
 .settings-developer-panel {
   margin-top: 2px;
   padding-top: 8px;