lfqian commited on
Commit
9e1bd81
·
1 Parent(s): 24d555d

revert: restore original simple rank number style

Browse files
Files changed (1) hide show
  1. src/views/LiveView.vue +12 -27
src/views/LiveView.vue CHANGED
@@ -351,39 +351,25 @@ watch(
351
  .rank {
352
  position: absolute;
353
  top: 10px;
354
- left: 10px;
355
- width: 28px;
356
- height: 28px;
357
- display: flex;
358
- align-items: center;
359
- justify-content: center;
360
  font-weight: 900;
361
- font-size: 16px;
362
- color: #ffffff;
363
- background: rgba(15,23,42,.75);
364
- border-radius: 8px;
365
  letter-spacing: .04em;
366
- z-index: 2;
367
- box-shadow: 0 2px 4px rgba(0,0,0,.1);
368
  }
369
  .rank.bh-badge {
370
- font-size: 11px;
371
- background: rgba(15,23,42,.08);
372
- padding: 4px 8px;
373
  border-radius: 6px;
374
- color: #4b5563;
375
- width: auto;
376
- height: auto;
377
- font-weight: 700;
378
- box-shadow: none;
379
  }
380
  .crown {
381
  position: absolute;
382
- top: 10px;
383
- right: 10px;
384
- font-size: 22px;
385
- filter: drop-shadow(0 2px 3px rgba(0,0,0,.2));
386
- z-index: 2;
387
  }
388
 
389
  /* Head */
@@ -391,8 +377,7 @@ watch(
391
  display: grid;
392
  grid-template-columns: 40px minmax(0,1fr);
393
  align-items: center;
394
- gap: 10px;
395
- margin-top: 32px;
396
  }
397
  .logo { width: 40px; height: 40px; border-radius: 10px; background: #f3f4f6; display: grid; place-items: center; overflow: hidden; border: 1px solid #E7ECF3; }
398
  .logo img { width: 100%; height: 100%; object-fit: contain; }
 
351
  .rank {
352
  position: absolute;
353
  top: 10px;
354
+ left: 12px;
 
 
 
 
 
355
  font-weight: 900;
356
+ font-size: 18px;
357
+ color: rgba(15,23,42,.30);
 
 
358
  letter-spacing: .04em;
 
 
359
  }
360
  .rank.bh-badge {
361
+ font-size: 12px;
362
+ background: rgba(15,23,42,.06);
363
+ padding: 2px 6px;
364
  border-radius: 6px;
365
+ color: #4b5563;
 
 
 
 
366
  }
367
  .crown {
368
  position: absolute;
369
+ top: 12px;
370
+ right: 12px;
371
+ font-size: 18px;
372
+ filter: drop-shadow(0 1px 1px rgba(0,0,0,.12));
 
373
  }
374
 
375
  /* Head */
 
377
  display: grid;
378
  grid-template-columns: 40px minmax(0,1fr);
379
  align-items: center;
380
+ gap: 10px;
 
381
  }
382
  .logo { width: 40px; height: 40px; border-radius: 10px; background: #f3f4f6; display: grid; place-items: center; overflow: hidden; border: 1px solid #E7ECF3; }
383
  .logo img { width: 100%; height: 100%; object-fit: contain; }