diff --git a/dashboard/public/assets/css/newdashboard.css b/dashboard/public/assets/css/newdashboard.css index 1b75ad947b..fbc3bf9258 100755 --- a/dashboard/public/assets/css/newdashboard.css +++ b/dashboard/public/assets/css/newdashboard.css @@ -10301,8 +10301,17 @@ html.db-NewChrome .bs-ContentSection .bs-Tail--short { .monitor-type-grid{ display: grid; - grid-template-columns: auto; - grid-gap: 20px; + grid-template-columns: repeat(2, 350px); + grid-template-rows: auto; + grid-row-gap: 20px; +} +.monitor-description { + opacity: 0; + transition: all .3s linear; +} + +.monitor-type-grid:hover .monitor-description { + opacity: 1; } .price-list-4c { diff --git a/dashboard/src/components/monitor/NewMonitor.js b/dashboard/src/components/monitor/NewMonitor.js index 3a03026fb4..68339c3ffa 100755 --- a/dashboard/src/components/monitor/NewMonitor.js +++ b/dashboard/src/components/monitor/NewMonitor.js @@ -1094,131 +1094,101 @@ class NewMonitor extends Component {