fix frame bug

Author: taoerman

contentcuration/contentcuration/frontend/channelEdit/components/sidePanels/PublishSidePanel.vue

@@ -26,17 +26,19 @@
                 <span>{{ $tr('publishingInfo', { version: currentChannel.version, time: formattedPublishTime }) }}</span>
               </div>
 
-              <div class="form-section">
-                <label class="label">{{ $tr('versionNotesLabel') }}</label>
-                <VTextarea
-                  :label="$tr('versionNotesLabel')"
-                  :rows="4"
-                  v-model="version_notes"
-                  :counter="30"
-                  :rules="[v => v.length <= 30 || $tr('maxLengthError')]"
-                  box
-                />
-              </div>
+                                            <div class="form-section" style="width: 100%; max-width: 100%;">
+                  <div class="textarea-container">
+                    <label class="label">{{ $tr('versionNotesLabel') }}</label>
+                    <textarea
+                      v-model="version_notes"
+                      :rows="4"
+                      :maxlength="30"
+                      class="custom-textarea"
+                      :placeholder="$tr('versionNotesLabel')"
+                    ></textarea>
+                    <div class="char-counter">{{ version_notes.length }} / 30</div>
+                  </div>
+                </div>
 
               <div v-if="incompleteResourcesCount > 0" class="form-section warning-section">
                 <div class="warning-content">
@@ -241,4 +243,25 @@ export default {
   color: #6c757d;
   line-height: 1.4;
 }
+.textarea-container {
+  width: 100%;
+}
+.custom-textarea {
+  width: 100%;
+  min-height: 100px;
+  padding: 12px;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.5;
+  resize: vertical;
+  box-sizing: border-box;
+}
+.char-counter {
+  text-align: center;
+  color: #666;
+  font-size: 12px;
+  margin-top: 4px;
+}
 </style>