]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/app.component.scss
Client: adjust viewport height
[github/Chocobozzz/PeerTube.git] / client / src / app / app.component.scss
1 .title-menu-left {
2 height: calc(100vh - #{$header-height});
3 padding-right: 0;
4
5 .title-menu-left-block {
6 margin-left: -15px;
7
8 &.menu {
9 height: 100%;
10 }
11 }
12
13 #peertube-title {
14 background-color: #fff;
15 border-right: 1px solid $header-border-color;
16 font-size: 25px;
17 line-height: $header-height;
18 text-align: center;
19 margin-top: 0;
20 margin-bottom: 0;
21
22 display: flex;
23 flex-direction: column;
24 justify-content: center;
25 text-align: center;
26
27 a {
28 color: inherit !important;
29 display: block;
30 background: url(/client/assets/logo.png) no-repeat;
31 background-size: contain;
32 width: 180px;
33 height: 22px;
34 margin: auto;
35
36 &:hover {
37 color: inherit !important;
38 text-decoration: none !important;
39 }
40 }
41 }
42 }
43
44 my-search {
45 // Fix col-md-* padding
46 padding: 0;
47 }
48
49 footer {
50 border-top: 1px solid $footer-border-color;
51 padding: 10px 0;
52 text-align: center;
53 font-size: 11px;
54 margin-top: $footer-margin;
55 height: $footer-height;
56 }