- #peertube-title {
-
- a {
- color: inherit !important;
- display: block;
- background: url(/client/assets/logo.png) no-repeat;
- background-size: contain;
- background-position: center;
- width: 180px;
- height: 100%;
- margin: auto;
-
- &:hover {
- color: inherit !important;
- text-decoration: none !important;
- }
- }
+.root-header-right {
+ height: $header-height;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ white-space: nowrap;
+ flex: 1;
+}
+
+.peertube-title {
+ @include disable-default-a-behaviour;
+
+ font-size: 20px;
+ font-weight: $font-bold;
+ color: inherit !important;
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+ padding: 0 0 0 10px;
+
+ .instance-name {
+ @include ellipsis;
+
+ width: 100%;
+
+ @media screen and (max-width: $mobile-view) {
+ display: none;