set responsive modal

coincodile · Dec 15, 2022 · 85978c5 · 85978c5
1 parent ad4edaa
commit 85978c5
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/src/components/Topbar.js b/src/components/Topbar.js
@@ -1,5 +1,6 @@
 import { Component, xml, useState } from "@odoo/owl";
 import metamaskIcon from "./img/MetaMaskIcon.svg";
+import coinbase from "./img/Coinbase.svg"
 import Web3 from "web3";
 
 export class Topbar extends Component {
@@ -32,10 +33,10 @@ export class Topbar extends Component {
             </div>
 
             <!-- Modal body -->
-            <div class="modal-body d-flex">
+            <div class="modal-body d-flex  flex-column flex-md-row">
                 <!-- card1 -->
                 <div class="card border-5 text-center my-4 mx-2" >
-                    <img src="${metamaskIcon}" class="card-img-top w-25 mx-auto" alt="meta mask logo"/>
+                    <img src="${metamaskIcon}" class="card-img-top w-25 mx-auto pt-2" alt="meta mask logo"/>
                     
                     <div class="card-body">
                         <h5 class="card-title text-dark my-5">Metamask</h5>
@@ -45,12 +46,12 @@ export class Topbar extends Component {
                 </div>
                 <!-- card2 -->
                 <div class="card border-5 text-center my-4 mx-2" >
-                    <img src="${metamaskIcon}" class="card-img-top w-25 mx-auto" alt="meta mask logo"/>
+                    <img src="${coinbase}" class="card-img-top w-25 mx-auto pt-4" alt="meta mask logo"/>
                     
                     <div class="card-body">
                         <h5 class="card-title text-dark my-5">Coinwallet</h5>
                         <p class="card-text"></p>
-                        <a href="#" class="btn btn-info text-white w-75 disabled">Connect</a>
+                        <a class="btn btn-info text-white w-75 disabled">Connect</a>
                     </div>
                 </div>
             </div>

diff --git a/src/components/img/Coinbase.svg b/src/components/img/Coinbase.svg