Add card and update style

adyen-examples · Sep 22, 2023 · e860767 · e860767
1 parent f97cb51
commit e860767
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 9 deletions.
diff --git a/in-person-payments-example/Controllers/HomeController.cs b/in-person-payments-example/Controllers/HomeController.cs
@@ -57,7 +57,7 @@ public IActionResult Result(string status, string refusalReason = null)
                     img = "failed";
                     break;
                 case "success":
-                    msg = $"Your transaction has been successfully processed.";
+                    msg = $"Your request has been successfully processed.";
                     img = "success";
                     break;
                 default:

diff --git a/in-person-payments-example/Views/Home/Index.cshtml b/in-person-payments-example/Views/Home/Index.cshtml
@@ -48,7 +48,7 @@
     <li class="integration-list-item">
       <a asp-area="" asp-controller="Home" asp-action="CashRegister" class="integration-list-item-link">
         <div class="title-container">
-          <p class="integration-list-item-title">Cloud Terminal API /sync Integration</p>
+          <p class="integration-list-item-title">Click here to settle the bill for a restaurant</p>
         </div>
       </a>
     </li>

diff --git a/in-person-payments-example/readme.md b/in-person-payments-example/readme.md
@@ -17,7 +17,7 @@ https://docs.adyen.com/point-of-sale/design-your-integration/terminal-api/termin
 - An Adyen account, learn how an Adyen account is structured in [our documentation](https://docs.adyen.com/point-of-sale/design-your-integration/determine-account-structure/)
 
 
-![In-person Payment Demo](wwwroot/images/cardinpersonpayment.gif)
+![In-person Payments Demo](wwwroot/images/cardinpersonpayments.gif)
 
 This demo leverages Adyen's API Library for .NET ([GitHub](https://github.com/Adyen/adyen-dotnet-api-library) | [Docs](https://docs.adyen.com/development-resources/libraries?tab=c__5#csharp)).
 You can find the [Terminal API documentation](https://docs.adyen.com/point-of-sale/design-your-integration/terminal-api/terminal-api-reference/) here.

diff --git a/in-person-payments-example/wwwroot/css/site.css b/in-person-payments-example/wwwroot/css/site.css
@@ -96,21 +96,21 @@ a:hover {
 }
 
 .integration-list-item {
-  background: #fcfcfc;
+  background: #f0f0f0;
   border-radius: 8px;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 2px solid black;
   margin: 32px 0px 16px 0px;
+  transition: transform 0.15s ease-in-out, background 0.15s ease-in-out, border 0.15s ease-in-out;
 }
 
 .integration-list-item:hover {
-  box-shadow: 0 16px 24px 0 #e5eaef;
   text-decoration: none;
-  border: 2px solid #0abf53;
-  transform: scale(1.005);
+  background: #f2f2f2;
+  transform: scale(1.02);
+  border: 1px dashed #0abf53;
 }
 
 .integration-list-item-link {
@@ -134,6 +134,7 @@ a:hover {
   margin: 0;
   text-align: center;
   font-weight: 700;
+  color: black;
 }
 
 @media (min-width: 768px) {

diff --git a/in-person-payments-example/wwwroot/images/cardcheckout.gif b/in-person-payments-example/wwwroot/images/cardcheckout.gif
diff --git a/in-person-payments-example/wwwroot/images/cardinpersonpayments.gif b/in-person-payments-example/wwwroot/images/cardinpersonpayments.gif
diff --git a/readme.md b/readme.md
@@ -55,7 +55,7 @@ The [`authorisation adjustment example`](authorisation-adjustment-example) repos
 
 The [in-person payments example](in-person-payments-example) features an in-person payment [cloud terminal API](https://docs.adyen.com/point-of-sale/design-your-integration/choose-your-architecture/cloud/) integration. Within this demo app, you can make in-person payments using a terminal, initiate reversals (refunds) and check transaction statuses.
 
-![Card Checkout Demo](checkout-example-advanced/wwwroot/images/cardcheckout.gif)
+![Card In-person Payments Demo](in-person-payments-example/wwwroot/images/cardinpersonpayments.gif)
 
 ## [Gift Card Example](giftcard-example)
 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/adyen-examples/adyen-dotnet-online-payments/tree/main/giftcard-example)