feat: enhance article editor and detail components with improved link handling and UI updates

apps/admin-web/src/components/PublishArticleModal.vue

@@ -475,7 +475,11 @@ function showPublishFailures(result: PublisherPublishResponse): void {
           {{ coverRequired ? t("media.publish.messages.coverRequired") : t("media.publish.coverHint") }}
         </p>
 
-        <div class="publish-modal__cover-body" v-if="effectiveCoverEnabled">
+        <div
+          v-if="effectiveCoverEnabled"
+          class="publish-modal__cover-body"
+          :class="{ 'publish-modal__cover-body--single': !coverAssetUrl }"
+        >
           <button
             type="button"
             class="publish-modal__cover-preview"
@@ -490,17 +494,14 @@ function showPublishFailures(result: PublisherPublishResponse): void {
             </template>
           </button>
 
-          <div class="publish-modal__cover-side">
+          <div v-if="coverAssetUrl" class="publish-modal__cover-side">
             <div class="publish-modal__cover-actions">
-              <a-button type="primary" ghost @click="coverPickerOpen = true">
-                {{ coverAssetUrl ? t("article.editor.coverReplace") : t("media.publish.coverUpload") }}
-              </a-button>
-              <a-button v-if="coverAssetUrl" @click="handleRemoveCover">
+              <a-button @click="handleRemoveCover">
                 {{ t("article.editor.coverRemove") }}
               </a-button>
             </div>
 
-            <div v-if="coverAssetUrl" class="publish-modal__cover-file">
+            <div class="publish-modal__cover-file">
               {{ coverFileName || t("article.editor.coverSaved") }}
             </div>
           </div>
@@ -733,6 +734,10 @@ function showPublishFailures(result: PublisherPublishResponse): void {
   margin-top: 14px;
 }
 
+.publish-modal__cover-body--single {
+  grid-template-columns: 176px;
+}
+
 .publish-modal__cover-preview {
   display: flex;
   align-items: center;