Update logos for all PHP apps (#22)

awolfden · Adam Wolfman · web-flow · commit fb010dd37c1e · 2022-08-08T13:04:28.000-06:00
* Update Admin Portal application

* Update logos on post login pages for all apps

* Update CSS for new logo style

Co-authored-by: Adam Wolfman &lt;adamwolfman@Adams-MBP-3.domain&gt;
diff --git a/php-admin-portal-example/static/css/login.css b/php-admin-portal-example/static/css/login.css
@@ -242,12 +242,6 @@ div.text_box {
 
 .logged_in_nav img {
   height: 50px;
-  border-radius: 50%;
-  border: 2px solid #2f2e2e;
-}
-
-.logged_in_nav img:hover {
-  border: 2px solid #555555;
 }
 
 .nav-item {
diff --git a/php-directory-sync-example/static/css/login.css b/php-directory-sync-example/static/css/login.css
@@ -100,13 +100,14 @@ body {
     margin: 4px 2px;
     transition-duration: 0.4s;
     cursor: pointer;
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
+    box-shadow: 3px 2px 6px rgba(0, 0, 0, 0.1);
 }
 
 .button-outline {
     background-color: #f9f9fb;
     color: #6363f1;
     padding: 8px 16px;
+    box-shadow: none;
 }
 
 .button:hover,
@@ -195,15 +196,7 @@ h1 {
     font-weight: 200;
 }
 
-.logged_in_div_left button {
-    padding: 8px 22px;
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-}
 
-.logged_in_div_right button {
-    padding: 8px 22px;
-    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-}
 
 div.text_box {
     background-color: #f9f9fb;
@@ -236,12 +229,6 @@ div.text_box {
 
 .logged_in_nav img {
     height: 50px;
-    border-radius: 50%;
-    border: 2px solid #2f2e2e;
-}
-
-.logged_in_nav img:hover {
-    border: 2px solid #555555;
 }
 
 .nav-item {
diff --git a/php-directory-sync-example/templates/directory.html.twig b/php-directory-sync-example/templates/directory.html.twig
@@ -6,10 +6,7 @@
         <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-            <div class="flex">
-                <p>WorkOS</p>
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
         </div>
         <div>
diff --git a/php-directory-sync-example/templates/groups.html.twig b/php-directory-sync-example/templates/groups.html.twig
@@ -6,10 +6,7 @@
         <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-            <div class="flex">
-                <p>WorkOS</p>
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
         </div>
         <div>
diff --git a/php-directory-sync-example/templates/users.html.twig b/php-directory-sync-example/templates/users.html.twig
@@ -6,10 +6,7 @@
         <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-            <div class="flex">
-                <p>WorkOS</p>
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
         </div>
         <div>
diff --git a/php-directory-sync-example/templates/webhooks.html.twig b/php-directory-sync-example/templates/webhooks.html.twig
@@ -6,10 +6,7 @@
         <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-            <div class="flex">
-                <p>WorkOS</p>
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
         </div>
         <div>
diff --git a/php-magic-link-example/static/css/login.css b/php-magic-link-example/static/css/login.css
@@ -228,12 +228,6 @@ div.text_box {
 
 .logged_in_nav img {
   height: 50px;
-  border-radius: 50%;
-  border: 2px solid #2f2e2e;
-}
-
-.logged_in_nav img:hover {
-  border: 2px solid #555555;
 }
 
 .nav-item {
diff --git a/php-magic-link-example/templates/email-sent.html b/php-magic-link-example/templates/email-sent.html
@@ -8,9 +8,8 @@
     <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
-            <p>WorkOS</p>
         </div>
 
         <div>
diff --git a/php-magic-link-example/templates/success.html b/php-magic-link-example/templates/success.html
@@ -8,9 +8,8 @@
     <div class="logged_in_nav">
         <div class="flex">
             <div>
-                <img src="workos_logo_new.png" alt="workos logo">
+                <img src="workos-logo-with-text.png" alt="workos logo">
             </div>
-            <p>You're logged in {{first_name}}, welcome!</p>
         </div>
 
         <div>
diff --git a/php-mfa-example/static/css/login.css b/php-mfa-example/static/css/login.css
@@ -220,12 +220,6 @@ div.text_box {
 
 .logged_in_nav img {
   height: 50px;
-  border-radius: 50%;
-  border: 2px solid #2f2e2e;
-}
-
-.logged_in_nav img:hover {
-  border: 2px solid #555555;
 }
 
 .nav-item {
diff --git a/php-mfa-example/templates/challenge_factor.html.twig b/php-mfa-example/templates/challenge_factor.html.twig
@@ -7,10 +7,9 @@
 <body class="container_success">
     <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>WorkOS</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>
             </div>
             
              <div>
diff --git a/php-mfa-example/templates/challenge_success.html.twig b/php-mfa-example/templates/challenge_success.html.twig
@@ -7,10 +7,9 @@
 <body class="container_success">
     <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>WorkOS</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>
             </div>
             
              <div>
diff --git a/php-mfa-example/templates/enroll_factor.html.twig b/php-mfa-example/templates/enroll_factor.html.twig
@@ -7,10 +7,9 @@
 <body class="container_success">
     <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>WorkOS</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>
             </div>
             
              <div>
diff --git a/php-mfa-example/templates/factor_detail.html.twig b/php-mfa-example/templates/factor_detail.html.twig
@@ -7,10 +7,9 @@
 <body class="container_success">
     <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>WorkOS</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>
             </div>
             
              <div>
diff --git a/php-mfa-example/templates/list_factors.html.twig b/php-mfa-example/templates/list_factors.html.twig
@@ -7,10 +7,9 @@
 <body class="container_success">
     <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>WorkOS</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>
             </div>
             
              <div>
diff --git a/php-sso-example/static/css/login.css b/php-sso-example/static/css/login.css
@@ -220,12 +220,6 @@ div.text_box {
 
 .logged_in_nav img {
     height: 50px;
-    border-radius: 50%;
-    border: 2px solid #2f2e2e;
-}
-
-.logged_in_nav img:hover {
-    border: 2px solid #555555;
 }
 
 .nav-item {
diff --git a/php-sso-example/templates/login_successful.html.twig b/php-sso-example/templates/login_successful.html.twig
@@ -6,10 +6,9 @@
     <body class="container_success">
         <div class="logged_in_nav">            
             <div class="flex">
-            <div>
-                <img src="workos_logo_new.png" alt="workos logo">
-            </div>
-                <p>You're logged in {{first_name}}, welcome!</p>
+                <div>
+                    <img src="workos-logo-with-text.png" alt="workos logo">
+                </div>                
             </div>
             
              <div>
