ใส่ border ให้ภาพ

src/app/DPU/common/article-manage/article-manage.component.css

@@ -41,4 +41,7 @@
     background-color: rgb(21, 76, 156) !important;
     border-color: rgb(21, 76, 156) !important;
     color: #FFFFFF !important;
-}
+}
\ No newline at end of file
+.border-color{
+  border: 8px solid rgb(255, 255, 255);
+}

src/app/DPU/common/article-manage/article-manage.component.html

@@ -175,7 +175,7 @@
 </div>
 
 <ng-template #articleModel let-modal>
-  <div class="modal-headtitle ti-modal-header flex justify-between items-center p-4">
+  <div class="modal-headtitle ti-modal-header flex justify-between items-center p-4" style="background-color: #fefbfb;">
     <h3 class="modal-title text-sm font-semibold text-defaulttextcolor" id="mail-ComposeLabel">{{ 'Create' |
       translate }}{{ 'บทความ' | translate }}
     </h3>
@@ -198,7 +198,7 @@
         <div class="xl:col-span-12 col-span-12 justify-items-center">
           <div class="relative w-[300px] h-[200px] overflow-hidden rounded-md group mx-auto">
             <img [src]="selectModel.getPicture()" alt="Profile Picture"
-              class="w-full h-full block transition-all duration-300 ease-in-out group-hover:blur-md">
+              class="w-full h-full block transition-all duration-300 ease-in-out group-hover:blur-md border-color">
 
             <div
               class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-30 opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100 cursor-pointer"