<style>
.remote-ui-heading {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f5f5f5;
color: #333;
font-family: system-ui, -apple-system, sans-serif;
text-align: center;
padding: 20px;
h1 {
margin-bottom: 20px;
}
}
.remote-ui-description {
font-size: 16px;
max-width: 600px;
line-height: 1.5;
}
.remote-ui-fotter {
margin-top: 20px;
font-size: 14px;
opacity: 0.7;
}
</style>
<div class="remote-ui-heading">
<h1>Remote UI Session Closed In this Browser Tab</h1>
<p class="remote-ui-description">
This application is currently being controlled via a remote connection UI from different tab.
</p>
<div class="remote-ui-fotter">
Reload the tab if you want to restore conncetion
</div>
</div>