github-mirrors/oauth-playground-client
1
0
Fork 0
mirror of https://github.com/ysoftdevs/oauth-playground-client.git synced 2026-03-25 10:32:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Tablet optimizations

Browse Source
This commit is contained in:
konarfil
2023-10-10 13:57:44 +02:00
parent 7f4a3490e7
commit 4dafbc2a49
3 changed files with 183 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/style.css
View File

@@ -239,6 +239,12 @@ pre {
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 1200px) {
.flow-card {
height: 575px;
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.page-header { .page-header {
font-size: 1.5rem; font-size: 1.5rem;

4
src/flow/dag-2.html
View File

@@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="row section"> <div class="row section">
<div class="col m6 s12"> <div class="col xl6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked"> <div class="card-stacked">
<div class="card-content"> <div class="card-content">
@@ -93,7 +93,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="user-panel" class="col m6 s12" style="display: none;"> <div id="user-panel" class="col xl6 s12" style="display: none;">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked"> <div class="card-stacked">
<div class="card-content"> <div class="card-content">

12
src/index.html
View File

@@ -45,7 +45,7 @@
<h3 class="header section-header">Flows</h3> <h3 class="header section-header">Flows</h3>
<div class="divider" style="margin-bottom: 10px;"></div> <div class="divider" style="margin-bottom: 10px;"></div>
<div class="row"> <div class="row">
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">
@@ -65,7 +65,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">
@@ -85,7 +85,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">
@@ -106,7 +106,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">
@@ -126,7 +126,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">
@@ -147,7 +147,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col m4 s12"> <div class="col xl4 m6 s12">
<div class="card horizontal"> <div class="card horizontal">
<div class="card-stacked flow-card"> <div class="card-stacked flow-card">
<div class="card-content"> <div class="card-content">