Move pet card actions into menu and use circular brand logos

pets-fe/components/pet-id-card/index.wxss

@@ -27,6 +27,9 @@
 .brand image {
   width: 44rpx;
   height: 44rpx;
+  border-radius: 50%;
+  border: 3rpx solid #fffaf4;
+  box-shadow: 0 0 0 1rpx #dfcdbf;
 }
 .brand-name,
 .brand-en {
@@ -133,26 +136,35 @@
   max-width: 200rpx;
   text-align: right;
 }
-.card-actions {
+.id-heading {
   display: flex;
-  justify-content: flex-end;
-  gap: 16rpx;
-  margin-top: 12rpx;
+  align-items: center;
+  gap: 14rpx;
 }
-.card-actions button {
-  margin: 0;
-  padding: 9rpx 20rpx;
-  border: 1rpx solid #ead8ca;
-  border-radius: 99rpx;
-  background: #fffaf4;
-  color: #886c5f;
-  font-size: 22rpx;
-  line-height: 1.5;
+.more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5rpx;
+  margin: -10rpx -10rpx -10rpx 0;
+  width: 60rpx;
+  height: 60rpx;
+  padding: 0;
+  background: transparent;
+  border-radius: 50%;
 }
-.card-actions .save {
-  background: #fff0e2;
-  color: #b95738;
-  border-color: #f1d6c4;
+.more::after {
+  border: 0;
+}
+.more view {
+  width: 5rpx;
+  height: 5rpx;
+  border-radius: 50%;
+  background: #9d8779;
+}
+.more[disabled] {
+  opacity: 0.4;
+  background: transparent;
 }
 .export-canvas {
   position: fixed;