FreeTube/src/renderer/App.css at 0b857e784d6d19b6d48c20963490cdd671e52d66 · FreeTubeApp/FreeTube · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
@font-face {
  font-family: Roboto;
  src: url('assets/font/Roboto-Regular.ttf');
}

.app {
  display: flex;
  flex-wrap: wrap;
  font-family: Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  block-size: 100%;
}

.routerView {
  flex: 1 1 0%;
  margin-block: 18px;
  margin-inline: 10px;
}

.banner {
  inline-size: 85%;
  margin-inline: auto;
  margin-block-start: -2px;
}

.banner + .banner {
  margin-block: 20px;
}

body:has(.floatingRefreshSection) .banner {
  margin-block: 40px 0;
}

.banner-wrapper {
  margin-block: 0;
  margin-inline: 10px;
}

.flexBox {
  display: block;
  user-select: unset;
}

.changeLogTitle {
  padding-inline: 16px;
  overflow-wrap: break-word;
  margin-block-end: 16px;
}

.changeLogText {
  overflow-y: scroll;
  block-size: 40vh;
  display: block;
  padding-inline: 16px;
  margin-block-end: 16px;
  overflow-wrap: break-word;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s;
}

.fade-enter,
.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

@media only screen and (width <= 680px) {
  .routerView {
    margin-block: 34px;
    margin-inline: 8px;
  }

  .routerView:has(.floatingRefreshSection) {
    margin-block: 68px;
  }

  .banner-wrapper + .routerView:has(.floatingRefreshSection) {
    margin-block: 34px;
  }

  .banner {
    inline-size: 90%;
    margin-block-start: 34px;
  }

  body:has(.floatingRefreshSection) .banner {
    margin-block-start: 68px;
  }

  .flexBox {
    margin-block: 60px -75px;
  }

  .changeLogText {
    block-size: 65vh;
  }
}