diff --git a/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.css b/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.css index 7a027c8..434afbc 100755 --- a/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.css +++ b/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.css @@ -627,3 +627,59 @@ button.ready-to-print { border-color: #ccc; opacity: 0.7; } +.pool-replace-modal { + display: none; /* Controlled by [style.display] binding */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */ + z-index: 1000; +} + +.pool-replace-content { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: white; + padding: 20px; + border-radius: 5px; + width: 700px; + /* height: 400px; */ + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); +} + +.pool-replace-header { + display: flex; + /* justify-content: space-between; */ + justify-content: space-evenly; + margin-left: -35%; + align-items: center; + margin-bottom: 10px; +} + +.close-btn { + cursor: pointer; + font-size: 30px; +} + +.pool-replace-body { + margin-bottom: 15px; + margin-left: 26%; +} + +.pool-replace-body button { + margin: 5px; +} + +.pool-replace-footer { + display: flex; + justify-content: center; + gap: 50px; +} +.pool-replace-btn{ + background-color: #125cac; + color: white; +} \ No newline at end of file diff --git a/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.html b/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.html index c19f009..35dfcfe 100755 --- a/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.html +++ b/btc-UI/src/app/components/touch-pad-menu/touch-pad-menu.component.html @@ -9,13 +9,13 @@
Select an option to replace the pool:
+ + + + + +