ui overhaul episode 1

- replaced Inter with Pretendard
- starting overhaul for redmond style
  - moved search bar to the title bar
  - added cast button to bottom chrome
  - moved mini player button to title bar
  - moved playback progress above controls
  - artwork is now spaced out from the bottom corner
  - seperated artist and album text
- made mediaitems overall smaller to show more content
- media items now resize based on window size
- changed color of volume knob
- made default appearance slightly lighter
- made content area darker
- increase size of action buttons
This commit is contained in:
booploops 2022-05-23 23:35:01 -07:00
parent 120f4a4891
commit 2b2dcc8096
11 changed files with 266 additions and 152 deletions

View file

@ -46,6 +46,13 @@
}
.cd-mediaitem-square {
--transition: width 1s, height 1s;
transition: var(--transition);
.artwork {
transition: var(--transition);
}
}
.cd-mediaitem-square:not(.mediaitem-card) {
transition : transform .2s var(--appleEase);
@ -53,7 +60,7 @@
padding : 12px;
// background-color: red;
height: 250px;
height: 220px;
.artwork-container {}