add badges placeholder

seung-lab · Aug 6, 2024 · 1c34051 · 1c34051
1 parent 2746d0f
commit 1c34051
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/components/UserProfile.vue b/src/components/UserProfile.vue
@@ -39,6 +39,10 @@ const emit = defineEmits({
                     <div class="nge-user-profile-count">{{cellsSubmitted}}</div>
                 </div>
             </div>
+            <div class="nge-user-profile-badges">
+                <div class="nge-user-profile-badges-label">Badges</div>
+                <div class="nge-user-profile-badges-box"></div>
+            </div>
         </div>
     </modal-overlay>
 </template>
@@ -85,4 +89,13 @@ const emit = defineEmits({
     font-size: 1.2em;
 }
 
+.nge-user-profile-badges {
+    margin-top: 20px;
+}
+
+.nge-user-profile-badges-box {
+    height: 100px;
+    border: 1px solid #01ffffba;
+    border-radius: 20px;
+}
 </style>