girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: updates

Browse source
This commit is contained in:
qier222 2022-06-14 23:23:34 +08:00
parent 8f4c3d8e5b
commit f340a90117
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
34 changed files with 781 additions and 323 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/web/components/New/Topbar/SearchBox.tsx
View file

@ -20,7 +20,7 @@ const SearchBox = () => {
className={cx(
'flex-shrink bg-transparent font-medium placeholder:text-neutral-500 dark:text-neutral-200',
css`
@media (max-width: 360px) {
@media (max-width: 420px) {
width: 142px;
}
`

8
packages/web/components/New/Topbar/TopbarDesktop.tsx
View file

@ -4,6 +4,7 @@ import Avatar from './Avatar'
import SearchBox from './SearchBox'
import SettingsButton from './SettingsButton'
import NavigationButtons from './NavigationButtons'
import topbarBackground from '@/web/assets/images/topbar-background.png'
const TopbarDesktop = () => {
const location = useLocation()
@ -11,13 +12,16 @@ const TopbarDesktop = () => {
return (
<div
className={cx(
'app-region-drag fixed top-0 right-0 z-20 flex items-center justify-between overflow-hidden rounded-tr-24 pt-11 pb-10 pr-6 pl-10 ',
'app-region-drag fixed top-0 right-0 z-20 flex items-center justify-between overflow-hidden rounded-tr-24 bg-contain pt-11 pb-10 pr-6 pl-10',
css`
left: 104px;
`,
!location.pathname.startsWith('/album/') &&
!location.pathname.startsWith('/playlist/') &&
'bg-gradient-to-b from-white dark:from-black'
!location.pathname.startsWith('/browse') &&
css`
background-image: url(${topbarBackground});
`
)}
>
{/* Left Part */}