9
9
10
10
< style >
11
11
: host {
12
- font- family: - apple-system, BlinkMacSystemFont, " Segoe UI" , Roboto ,
13
- Helvetica , Arial , sans-serif , " Apple Color Emoji" , "Segoe UI Emoji" ,
14
- " Segoe UI Symbol" ;
12
+ font- family: - apple-system, BlinkMacSystemFont, ' Segoe UI' , Roboto ,
13
+ Helvetica , Arial , sans-serif , ' Apple Color Emoji' ,
14
+ ' Segoe UI Emoji' , 'Segoe UI Symbol' ;
15
15
font- size: 14px;
16
16
color : # 333;
17
17
box- sizing: bor der- box;
140
140
box-shadow : 0 4px 17px rgba (0 , 0 , 0 , 0.35 );
141
141
}
142
142
143
- .card-container .card : not (.highlight-card ): hover .material-icons path {
143
+ .card-container
144
+ .card : not (.highlight-card ): hover
145
+ .material-icons
146
+ path {
144
147
fill : rgb (105 , 103 , 103 );
145
148
}
146
149
191
194
}
192
195
193
196
.terminal ::before {
194
- content : " \2022 \2022 \2022" ;
197
+ content : ' \2022 \2022 \2022' ;
195
198
position : absolute;
196
199
top : 0 ;
197
200
left : 0 ;
206
209
}
207
210
208
211
.terminal pre {
209
- font-family : SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
212
+ font-family : SFMono-Regular, Consolas, Liberation Mono, Menlo,
213
+ monospace;
210
214
color : white;
211
215
padding : 0 1rem 1rem ;
212
216
margin : 0 ;
223
227
justify-content : center;
224
228
align-items : center;
225
229
cursor : pointer;
226
- box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.12 ), 0 1px 2px rgba (0 , 0 , 0 , 0.24 );
230
+ box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.12 ),
231
+ 0 1px 2px rgba (0 , 0 , 0 , 0.24 );
227
232
transition : 1s ease-out;
228
233
}
229
234
338
343
< body >
339
344
<!-- Toolbar -->
340
345
< div class ="toolbar " role ="banner ">
341
- < img
342
- width ="40 "
343
- alt ="Angular Logo "
344
- src ="https://leetcode.com/static/images/LeetCode_logo_rvs.png "
345
- />
346
+ < a
347
+ href ="https://leetcode.com/ "
348
+ title ="Leetcode "
349
+ target ="_blank "
350
+ rel ="noopener "
351
+ >
352
+ < img
353
+ width ="40 "
354
+ alt ="Angular Logo "
355
+ src ="https://leetcode.com/static/images/LeetCode_logo_rvs.png "
356
+ />
357
+ </ a >
346
358
< span > Leetcode Session Manager</ span >
347
359
< div class ="spacer "> </ div >
348
360
< a
374
386
375
387
< div class ="card highlight-card card-small ">
376
388
< span *ngIf ="currentChosenSession ">
377
- < span >
378
- Current User Session:
379
- </ span >
380
- < span style ="font-weight: 600; "> {{ currentChosenSession?.name }}</ span >
381
- </ span >
382
- < span *ngIf ="!currentChosenSession "> No User Session chosen</ span >
389
+ < span > Current User Session: </ span >
390
+ < span style ="font-weight: 600 "> {{
391
+ currentChosenSession?.name
392
+ }}</ span >
393
+ </ span >
394
+ < span *ngIf ="!currentChosenSession "
395
+ > No User Session chosen</ span
396
+ >
383
397
</ div >
384
398
385
- < p class ="note "> The above user session will be used for your leetcode submissions</ p >
399
+ < p class ="note ">
400
+ The above user session will be used for your leetcode
401
+ submissions
402
+ </ p >
386
403
< mat-divider > sdsd</ mat-divider >
387
404
< h4 style ="font-weight: 600 ">
388
405
Choose a session to update Current User Session
@@ -393,7 +410,10 @@ <h4 style="font-weight: 600">
393
410
(ngModelChange) ="onSelect($event) "
394
411
[ngModel] ="leetcodeSessions "
395
412
>
396
- < mat-option *ngFor ="let session of leetcodeSessions " [value] ="session ">
413
+ < mat-option
414
+ *ngFor ="let session of leetcodeSessions "
415
+ [value] ="session "
416
+ >
397
417
{{ session.name }}
398
418
</ mat-option >
399
419
</ mat-select >
0 commit comments