idan/sshwifty-udp-telnet-http
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Overlay should cover the entire pop window

Browse Source
This commit is contained in:
NI
2019-09-15 14:29:00 +08:00
parent f0d0c72b96
commit eefdece1d2
2 changed files with 43 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ui/widgets/connect.css
View File

@@ -28,6 +28,11 @@
width: 500px; width: 500px;
} }
#connect-frame {
z-index: 0;
position: relative;
}
#connect .window-frame { #connect .window-frame {
max-height: calc(100vh - 40px); max-height: calc(100vh - 40px);
overflow: auto; overflow: auto;

74
ui/widgets/connect.vue
View File

@@ -24,50 +24,52 @@
:display="display" :display="display"
@display="$emit('display', $event)" @display="$emit('display', $event)"
> >
<h1 class="window-title">Establish connection with</h1> <div id="connect-frame">
<h1 class="window-title">Establish connection with</h1>
<slot v-if="inputting"></slot> <slot v-if="inputting"></slot>
<connect-switch <connect-switch
v-if="!inputting" v-if="!inputting"
:knowns-length="knowns.length" :knowns-length="knowns.length"
:tab="tab" :tab="tab"
@switch="switchTab" @switch="switchTab"
></connect-switch> ></connect-switch>
<connect-new <connect-new
v-if="tab === 'new' && !inputting" v-if="tab === 'new' && !inputting"
:connectors="connectors" :connectors="connectors"
@select="selectConnector" @select="selectConnector"
></connect-new> ></connect-new>
<connect-known <connect-known
v-if="tab === 'known' && !inputting" v-if="tab === 'known' && !inputting"
:knowns="knowns" :knowns="knowns"
:launcher-builder="knownsLauncherBuilder" :launcher-builder="knownsLauncherBuilder"
@select="selectKnown" @select="selectKnown"
@remove="removeKnown" @remove="removeKnown"
></connect-known> ></connect-known>
<div id="connect-warning"> <div id="connect-warning">
<span id="connect-warning-icon" class="icon icon-warning1"></span> <span id="connect-warning-icon" class="icon icon-warning1"></span>
<div id="connect-warning-msg"> <div id="connect-warning-msg">
<p> <p>
<strong>An insecured service may steal your secrets.</strong> <strong>An insecured service may steal your secrets.</strong>
Always exam the safety of the service before using it. Always exam the safety of the service before using it.
</p> </p>
<p> <p>
Sshwifty is a free software, you can deploy it on your own trusted Sshwifty is a free software, you can deploy it on your own trusted
infrastructure. infrastructure.
<a href="https://github.com/niruix/sshwifty" target="_blank" <a href="https://github.com/niruix/sshwifty" target="_blank"
>Learn more</a >Learn more</a
> >
</p> </p>
</div>
</div> </div>
</div>
<div v-if="busy" id="connect-busy-overlay"></div> <div v-if="busy" id="connect-busy-overlay"></div>
</div>
</window> </window>
</template> </template>