diff --git a/oidc-controller/api/templates/verified_credentials.html b/oidc-controller/api/templates/verified_credentials.html index 163a1022..7e3acc7e 100644 --- a/oidc-controller/api/templates/verified_credentials.html +++ b/oidc-controller/api/templates/verified_credentials.html @@ -55,14 +55,7 @@ margin-top: 0.5rem; margin-bottom: 0.5rem; } - .header-share { - display: grid; - grid-template-columns: 5rem 1fr; - width: 22rem; - margin-top: 1.5rem; - margin-bottom: 1.75rem; - } - .qr-code { + .qr-code { display: flex; justify-content: center; position: relative; @@ -97,21 +90,19 @@ cursor: pointer; } .scanned-mask { - display: none; opacity: 0.8; font-size: var(--small-font-size); font-weight: bold; } - .description { - --bs-btn-hover-color: var(--bs-primary); - color: var(--bs-primary); + .description { + --bs-btn-hover-color: var(--bs-primary); + color: var(--bs-primary); } #refresh-button { background: rgba(256, 256, 256, 0.5); transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; - display: none; width: 100%; } #refresh-button:hover, @@ -127,7 +118,6 @@ .header-desc.expired, .header-desc.abandoned, .header-desc.failed { - display: none; border-radius: 0.5rem; align-items: center; padding: 1rem 2rem 1rem 0.5rem; @@ -171,118 +161,66 @@ .btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); - --bs-btn-active-bg: #335c85; + --bs-btn-hover-color: var(--bs-primary); + --bs-btn-active-bg: #fff; + --bs-btn-hover-bg: #fff; } /* Mobile device */ .mobile-device { display: none; } + [v-cloak] { + display: none; + } -
- -
-

- Scan with a Digital Wallet +
+
+ +

+ [[ headerText ]]

-

Continue with:

-
-
- {{add_asset("circle-check.svg")}} -
-
- Success! You will be redirected shortly. -
-
- -
-
{{add_asset("circle-x.svg")}}
-
- Proof not accepted. -
- Please try again. -
-
- -
-
{{add_asset("expired.svg")}}
-
- Proof has expired. -
- Refresh Proof. -
-
- -
-
{{add_asset("circle-x.svg")}}
-
- Proof declined -
- Try again. -
-
- -
-
{{add_asset("hourglass.svg")}}
-
- Proof is pending. -
-
+
- -
- - BC Wallet - - - BC Wallet on other device - +
+ + +
+ + BC Wallet + -
-
-
{{add_asset("hand-qrcode.svg")}}
-
- A request to share your information will be sent to your BC - Wallet -
-
-
+ + + BC Wallet on other device +
- - -
-
+
+
-
{{add_asset("hand-qrcode.svg")}}
-
+
+ {{add_asset("hand-qrcode.svg")}} +
+
Scanning this QR code will send you a request to share your information
@@ -293,6 +231,8 @@

Continue with:

id="refresh-button" class="qr-button" title="Refresh QR Code" + v-if="state.showRefresh" + v-on:click="reload" >
Continue with:

Refresh QR code
-
+
QR code scanned
{{image_contents}}Continue with:
-