anguage-html"> <img src="{{news.better_featured_image.source_url}}" /> 29 31
       <ion-card-header>
30 32
         <a [routerLink]="['../news-detail' , news.id]">

+ 7 - 4
src/app/news/news.page.scss

@@ -1,6 +1,6 @@
1
-ion-row {
2
-    background-color: #fcfcfc !important;
3
-}
1
+// ion-row {
2
+//     background-color: #fcfcfc !important;
3
+// }
4 4
 
5 5
 .list-card-margin {
6 6
     margin: 0 0 10px 0;
@@ -28,4 +28,7 @@ ion-card-content {
28 28
     color: darkslategray;
29 29
 }
30 30
 
31
-
31
+.header-tab {
32
+    background: rgb(2,0,36);
33
+background: linear-gradient(156deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 0%, rgba(7,65,158,1) 43%, rgba(4,122,195,1) 82%, rgba(0,212,255,1) 100%);
34
+}

+ 4 - 3
src/app/youtube/youtube.page.html

@@ -11,9 +11,10 @@
11 11
 <ion-content>
12 12
   <ion-grid>
13 13
     <ion-row>
14
-      <ion-col>
15
-        <h2>รายการย้อนหลัง</h2>
16
-        <hr>
14
+      <ion-col size="10" class="bg-color-4">
15
+        <h2 class="color-1">รายการย้อนหลัง</h2>
16
+      </ion-col>
17
+      <ion-col size="2" class="bg-color-6">        
17 18
       </ion-col>
18 19
     </ion-row>
19 20
   </ion-grid>

+ 3 - 3
src/app/youtube/youtube.page.scss

@@ -1,6 +1,6 @@
1
-ion-row {
2
-    background-color: #fcfcfc !important;
3
-}
1
+// ion-row {
2
+//     background-color: #fcfcfc !important;
3
+// }
4 4
 
5 5
 .list-card-margin {
6 6
     margin: 0 0 10px 0;

Diferenças do arquivo suprimidas por serem muito extensas
+ 638 - 0
src/assets/icon/fm99-logo-2021-3.svg


BIN
src/assets/img-static/bg-content-min.jpg


+ 70 - 5
src/global.scss

@@ -86,8 +86,7 @@
86 86
 
87 87
 ion-content {
88 88
   // --ion-background-color: #111D12;
89
-  --background: url('./assets/img-static/bg-content-min.jpg') no-repeat 
90
-center/cover;
89
+  --background: url('./assets/img-static/bg-content-min.jpg') no-repeat center/cover;
91 90
 }
92 91
 
93 92
 
@@ -102,7 +101,7 @@ h2 {
102 101
   font-size: 1.3em;
103 102
   margin-top: 5px;
104 103
   margin-bottom: 0px;
105
-  color: darkorange;
104
+  // color: darkorange;
106 105
 
107 106
 }
108 107
 
@@ -111,7 +110,7 @@ h3 {
111 110
   font-size: 1.3em;
112 111
   margin-top: 5px;
113 112
   margin-bottom: 0px;
114
-  color: darkorange;
113
+  // color: darkorange;
115 114
 }
116 115
 
117 116
 .head-img {
@@ -119,6 +118,8 @@ h3 {
119 118
   display: flex;
120 119
   margin-left: 10px;
121 120
   margin-top: 5px;
121
+  // --box-shadow: 0 0 3px 0 var(--ion-color-medium);
122
+
122 123
 }
123 124
 
124 125
 // ion-toolbar {
@@ -143,4 +144,68 @@ hr {
143 144
 
144 145
 a {
145 146
   text-decoration: none;
146
-}
147
+}
148
+
149
+.bg-white {
150
+  background-color: #fff;
151
+}
152
+
153
+.bg-color-1 {
154
+  background: rgb(2,0,36);
155
+  background: linear-gradient(190deg, rgba(2,0,36,1) 0%, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 61%, rgba(255,255,255,1) 90%, rgba(213,213,213,1) 100%);
156
+}
157
+
158
+.bg-color-2 {
159
+  background-color: rgb(74, 156, 224);
160
+}
161
+
162
+.bg-color-3 {
163
+  background-color: darkorange;
164
+}
165
+
166
+.bg-color-4 {
167
+  background-color: rgba(255, 255, 255, 0.3);
168
+}
169
+
170
+.bg-color-6 {
171
+  background-color:#c32020;
172
+}
173
+
174
+.color-1 {
175
+  color: #fff;
176
+}
177
+
178
+.color-2 {
179
+  color: rgb(74, 156, 224);
180
+}
181
+
182
+.color-3 {
183
+  color: darkorange;
184
+}
185
+
186
+.color-4 {
187
+  color: #0f4c75;
188
+}
189
+
190
+.color-5 {
191
+  color: #3282b8;
192
+}
193
+
194
+.color-6 {
195
+  color: #c32020;
196
+}
197
+
198
+ion-row.last-child-pad-bottom {
199
+
200
+  // padding-bottom: 15px;
201
+  // background: black;
202
+  // heading:last-child
203
+  :last-child {
204
+    // background: black;
205
+    // padding-bottom: 21px;
206
+  }
207
+}
208
+
209
+// ion-row.last-child-pad-bottom:last-child {
210
+//   background: black;
211
+// }

tum/network_report_server - Gogs: Simplico Git Service

2 コミット (ef34c49a1f575316a2d7d092ccfe88459e3e6457)

作者 SHA1 メッセージ 日付
  tum f814311a86 compose 2 年 前
  tum 30f7226d9a first commit 2 年 前