mirror of
https://github.com/apache/zeppelin
synced 2026-05-24 09:38:26 +00:00
Apply responsive design
This commit is contained in:
parent
81ef021f44
commit
a8628c857e
2 changed files with 7 additions and 28 deletions
|
|
@ -807,23 +807,17 @@ This part should be removed when new version of bootstrap handles this issue.
|
|||
/* About Zeppelin */
|
||||
.about {
|
||||
height: 200px;
|
||||
padding: 36px;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.about .logo {
|
||||
width: 35%;
|
||||
top: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.about .logo img {
|
||||
width: 82%;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.about .logo img {
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.about .content {
|
||||
position: relative;
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -833,18 +827,3 @@ This part should be removed when new version of bootstrap handles this issue.
|
|||
font-size: 30px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about {
|
||||
height: 170px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.about .logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about .content {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -114,11 +114,11 @@ limitations under the License.
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
<div class="about">
|
||||
<div class="logo">
|
||||
<div class="row about">
|
||||
<div class="hidden-xs col-sm-4 col-md-4 logo">
|
||||
<img src="assets/images/zepLogo.png" alt="Apache Zeppelin" title="Apache Zeppelin" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="col-xs-12 col-sm-8 col-md-8 content">
|
||||
<h3>Apache Zeppelin</h3>
|
||||
<br/>
|
||||
<span id="i18n-14">Version</span>
|
||||
|
|
|
|||
Loading…
Reference in a new issue