Добавить аватар профиля через Arweave и мастер загрузки

2026-04-26 01:41:09 +03:00
parent 126cf2f5c3
commit 667c5310bf
10 changed files with 1002 additions and 10 deletions
@@ -242,6 +242,78 @@
  font-size: 20px;
 }

+.profile-avatar-block {
+  display: grid;
+  justify-items: center;
+  gap: 8px;
+}
+
+.profile-avatar {
+  position: relative;
+  overflow: hidden;
+}
+
+.profile-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  display: block;
+}
+
+.profile-avatar-change-btn {
+  min-height: 34px;
+  padding: 6px 10px;
+}
+
+.avatar-preview-circle {
+  width: 124px;
+  height: 124px;
+  margin: 0 auto;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 1px solid rgba(155, 182, 233, 0.46);
+  background: rgba(13, 26, 50, 0.86);
+  box-shadow: inset 0 0 0 1px rgba(240, 248, 255, 0.1);
+}
+
+.avatar-preview-circle img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center;
+  display: block;
+}
+
+.avatar-wizard-preview {
+  width: 140px;
+  height: 140px;
+}
+
+.avatar-wizard-meta {
+  font-size: 13px;
+  line-height: 1.35;
+  color: #d9e7ff;
+  word-break: break-word;
+}
+
+.avatar-wizard-error {
+  min-height: 18px;
+  font-size: 13px;
+  color: #f6a8b3;
+}
+
+.avatar-wizard-actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+
+.avatar-wizard-choice-grid {
+  display: grid;
+  gap: 10px;
+}
+
 .profile-param-item {
  padding: 10px;
  gap: 6px;