Macintosh-Tools/jurassic-park-interface
1
0
Fork 0
mirror of https://github.com/Max-Stevenson/jurassic-park-interface.git synced 2024-06-27 01:29:28 +00:00
Code Issues Projects Releases Wiki Activity

Finished room info design.

Browse Source
This commit is contained in:
Max Stevenson 2020-05-28 12:07:12 +01:00
parent 0acf32729b
commit 7bc59a02a9
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app.css
View File

@ -166,7 +166,7 @@
background-color: #E2EB57;
padding: 3px;
display: flex;
align-items: center;
width: fit-content;
}
.room-info__level-display {
@ -195,6 +195,31 @@
margin: 5px 0 0 0;
}
.room-info__title-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.room-info__title {
color: white;
background-color: black;
text-align: center;
font-style: italic;
margin: 5px 8px;
padding: 4px 0;
}
.room-info__subtitle {
color: white;
background-color: black;
text-align: center;
font-style: italic;
padding: 2px 36px;
margin: 5px 8px 0px 8px;
}
h1 {
max-width: fit-content;
background: #438149;

3
index.html
View File

@ -17,7 +17,8 @@
<p class="room-info__level-number">2</p>
</div>
<div class="room-info__title-container">
<h3></h3>
<h3 class="room-info__title">Control Room / Plan View</h3>
<p class="room-info__subtitle">drawing number - 305pcoffintunaphooter</p>
</div>
<div class="room-info__level-display">
<p class="room-info__level-text">LEVEL</p>