mirror of
https://github.com/Max-Stevenson/jurassic-park-interface.git
synced 2024-10-16 05:23:50 +00:00
Finished room info design.
This commit is contained in:
parent
0acf32729b
commit
7bc59a02a9
27
app.css
27
app.css
@ -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;
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user