libs/browser/src/lib/browser-window/browser-window.component.css
:host {
height: 100%;
display: block;
}
.frame {
box-shadow: 0 0 1px #dddddd;
margin-top: 0;
width: 100%;
background-color: #fff;
flex-grow: 1;
display: flex;
flex-direction: column;
}
:host ::ng-deep .runner {
flex-grow: 1;
}
::ng-deep iframe {
display: block;
width: 100%;
height: 100%;
}
.img-full img {
height: 2vw;
}
.img-full {
width: 100%;
flex-shrink: 0;
height: 2vw;
background-image: url(./pics/browsertop-middle.png);
background-repeat: repeat;
background-size: 2vw 2vw;
display: flex;
justify-content: space-between;
}
.browser-frame {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.browser-frame .url {
position: absolute;
left: 3.2vw;
top: 1.2vw;
font-size: 0.5vw;
background-color: #fff;
}
.img-left {
width: 5vw;
height: 2vw;
background: url(./pics/browsertop-left.png);
background-size: cover;
}
.img-right {
width: 3vw;
height: 2vw;
background: url(./pics/browsertop-right.png);
background-size: cover;
background-position-y: -1px;
}