Shadlie

.github/workflows/main_cyberlm.yml

@@ -0,0 +1,51 @@
+# Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
+# More GitHub Actions for Azure: https://github.com/Azure/actions
+
+name: Build and deploy container app to Azure Web App - cyberlm
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: 'ubuntu-latest'
+
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v2
+
+    - name: Log in to registry
+      uses: docker/login-action@v2
+      with:
+        registry: https://sampleappaoaichatgpt.azurecr.io/
+        username: ${{ secrets.AzureAppService_ContainerUsername_d9d0869503c44405b4b360c9a8060c0e }}
+        password: ${{ secrets.AzureAppService_ContainerPassword_fafe1332f9164ff6ba6f55f7be5363c4 }}
+
+    - name: Build and push container image to registry
+      uses: docker/build-push-action@v3
+      with:
+        push: true
+        tags: sampleappaoaichatgpt.azurecr.io/${{ secrets.AzureAppService_ContainerUsername_d9d0869503c44405b4b360c9a8060c0e }}/sample-app-aoai-chatgpt:${{ github.sha }}
+        file: ./Dockerfile
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: 'production'
+      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
+
+    steps:
+    - name: Deploy to Azure Web App
+      id: deploy-to-webapp
+      uses: azure/webapps-deploy@v2
+      with:
+        app-name: 'cyberlm'
+        slot-name: 'production'
+        publish-profile: ${{ secrets.AzureAppService_PublishProfile_57246d830ce743fda525008757c8cfd0 }}
+        images: 'sampleappaoaichatgpt.azurecr.io/${{ secrets.AzureAppService_ContainerUsername_d9d0869503c44405b4b360c9a8060c0e }}/sample-app-aoai-chatgpt:${{ github.sha }}'

frontend/src/pages/layout/Layout.module.css

@@ -5,7 +5,8 @@
 }
 
 .header {
-  background-color: #f2f2f2;
+  background-color: #1a1a1a; /* Change: Set a dark charcoal background */
+  border-bottom: 1px solid #ff3333; /* Change: Add a red bottom border */
 }
 
 .headerContainer {
@@ -28,7 +29,7 @@
   line-height: 28px;
   display: flex;
   align-items: flex-end;
-  color: #242424;
+  color: #ff3333; /* Change: Set title color to red */
 }
 
 .headerIcon {
@@ -76,18 +77,18 @@
   align-items: center;
   padding: 5px 12px;
   gap: 4px;
-  background: #ffffff;
-  border: 1px solid #d1d1d1;
+  background: #ff3333; /* Change: Set button background to red */
+  border: 1px solid #ff0000; /* Change: Set button border to a darker red */
   border-radius: 4px;
 }
 
 .copyButtonContainer:hover {
   cursor: pointer;
-  background: #d1d1d1;
+  background: #cc0000; /* Change: Darker red on hover */
 }
 
 .copyButton {
-  color: #424242;
+  color: #ffffff; /* Change: Make icon white */
 }
 
 .copyButtonText {
@@ -97,7 +98,7 @@
   line-height: 20px;
   display: flex;
   align-items: center;
-  color: #242424;
+  color: #ffffff; /* Change: Make text white */
 }
 
 @media (max-width: 480px) {
@@ -108,4 +109,4 @@
   .headerIcon {
     margin-left: 26px;
   }
-}
+}

frontend/src/pages/layout/Layout.tsx

@@ -80,7 +80,8 @@ const Layout = () => {
           <Stack horizontal verticalAlign="center">
             <img src={logo} className={styles.headerIcon} aria-hidden="true" alt="" />
             <Link to="/" className={styles.headerTitleContainer}>
-              <h1 className={styles.headerTitle}>{ui?.title}</h1>
+              {/* Change: Replaced ui?.title with "CyberMate" */}
+              <h1 className={styles.headerTitle}>CyberMate</h1>
             </Link>
           </Stack>
           <Stack horizontal tokens={{ childrenGap: 4 }} className={styles.shareButtonContainer}>
@@ -136,4 +137,4 @@ const Layout = () => {
   )
 }
 
-export default Layout
+export default Layout