feat: login rest

pages/community/index.wxss

@@ -29,17 +29,12 @@ page {
   gap: 20rpx;
 }
 
-.community-header .user-avatar {
+.community-header .header-avatar {
   width: 80rpx;
   height: 80rpx;
-  background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
-  color: #558B2F;
   border-radius: 16rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 700;
-  font-size: 32rpx;
+  background: #f5f5f5;
+  object-fit: cover;
 }
 
 .community-header .user-name {
@@ -135,31 +130,35 @@ page {
 /* Single Image */
 .grid-1 {
   display: flex;
-  width: 70%;
+  width: auto;
+  max-width: 70%;
 }
 
 .grid-1 .post-image-item {
   width: 100%;
-  border-radius: 16rpx;
+  aspect-ratio: 16 / 9;
+  border-radius: 8rpx;
+  overflow: hidden;
 }
 
-.grid-1 .post-image-item t-image {
-  border-radius: 16rpx;
+.grid-1 .post-image-item image {
+  border-radius: 8rpx;
 }
 
-/* 2-4 Images (2 columns) */
+/* 2 or 4 Images (2 columns) */
 .grid-2 {
   grid-template-columns: repeat(2, 1fr);
-  width: 75%;
+  width: 500rpx; /* Constrain width for 2 columns to look like partial grid */
 }
 
 .grid-2 .post-image-item {
   aspect-ratio: 1;
 }
 
-/* 5+ Images (3 columns) */
+/* 3, 5+ Images (3 columns) */
 .grid-3 {
   grid-template-columns: repeat(3, 1fr);
+  width: auto; /* Full available width */
 }
 
 .grid-3 .post-image-item {