Apply responsive design

This commit is contained in:
AhyoungRyu 2016-10-06 13:48:49 +09:00
parent 81ef021f44
commit a8628c857e
2 changed files with 7 additions and 28 deletions

View file

@ -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;
}
}

View file

@ -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>