mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix layout of login and selectserver pages

Browse source
This commit is contained in:
Dmitry Lyzo 2020-07-25 18:43:16 +03:00
parent 800e516683
commit 29d0fa497a
3 changed files with 26 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/assets/css/site.css
View file

@ -133,3 +133,13 @@ div[data-role=page] {
.w-100 { .w-100 {
width: 100%; width: 100%;
} }
.margin-auto-x {
margin-left: auto;
margin-right: auto;
}
.margin-auto-y {
margin-top: auto;
margin-bottom: auto;
}

6
src/login.html
View file

@ -1,6 +1,6 @@
<div id="loginPage" data-role="page" class="page standalonePage flex flex-direction-column align-items-center justify-content-center" data-backbutton="false"> <div id="loginPage" data-role="page" class="page standalonePage flex flex-direction-column" data-backbutton="false">
<div class="padded-left padded-right padded-bottom-page"> <div class="padded-left padded-right padded-bottom-page margin-auto-y">
<form class="manualLoginForm hide"> <form class="manualLoginForm margin-auto-x hide">
<div class="padded-left padded-right flex align-items-center justify-content-center"> <div class="padded-left padded-right flex align-items-center justify-content-center">
<h1 class="sectionTitle">${HeaderPleaseSignIn}</h1> <h1 class="sectionTitle">${HeaderPleaseSignIn}</h1>
</div> </div>

24
src/selectserver.html
View file

@ -1,15 +1,17 @@
<div id="selectServerPage" data-role="page" class="page noSecondaryNavPage standalonePage pageContainer fullWidthContent vertical flex flex-direction-column align-items-center justify-content-center"> <div id="selectServerPage" data-role="page" class="page noSecondaryNavPage standalonePage pageContainer fullWidthContent vertical flex flex-direction-column">
<div class="verticalSection flex-shrink-zero w-100 flex flex-direction-column"> <div class="margin-auto-y">
<div class="padded-left padded-right flex align-items-center justify-content-center"> <div class="verticalSection flex-shrink-zero w-100 flex flex-direction-column">
<h1 class="sectionTitle sectionTitle-cards">${HeaderSelectServer}</h1> <div class="padded-left padded-right flex align-items-center justify-content-center">
<h1 class="sectionTitle sectionTitle-cards">${HeaderSelectServer}</h1>
</div>
<div class="padded-top padded-bottom-focusscale flex-grow flex" data-horizontal="true" data-centerfocus="card">
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x servers flex-grow" style="display: block; text-align: center;" data-hovermenu="false" data-multiselect="false"></div>
</div>
</div> </div>
<div class="padded-top padded-bottom-focusscale flex-grow flex" data-horizontal="true" data-centerfocus="card"> <div class="padded-top padded-left padded-right flex flex-shrink-zero justify-content-center verticalSection flex-wrap-wrap margin-auto-x">
<div is="emby-itemscontainer" class="scrollSlider focuscontainer-x servers flex-grow" style="display: block; text-align: center;" data-hovermenu="false" data-multiselect="false"></div> <a is="emby-linkbutton" href="addserver.html" class="raised cancel btnAddServer flex-shrink-zero" style="margin: .25em;">
<span>${ButtonAddServer}</span>
</a>
</div> </div>
</div> </div>
<div class="padded-top padded-left padded-right flex flex-shrink-zero justify-content-center verticalSection flex-wrap-wrap" style="margin-left:auto;margin-right:auto;">
<a is="emby-linkbutton" href="addserver.html" class="raised block cancel btnAddServer flex-shrink-zero" style="margin: .25em;">
<span>${ButtonAddServer}</span>
</a>
</div>
</div> </div>