github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(home): reduce update text for small screens [EE-4936] (#8422)

pull/7902/head
Chaim Lev-Ari 2023-02-01 12:14:53 +05:30 committed by GitHub
parent 5f3dd0a64f
commit 36c6d3f21b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/react/portainer/HomeView/EnvironmentList/EnvironmentList.tsx
View File

@ -153,7 +153,7 @@ export function EnvironmentList({ onClickBrowse, onRefresh }: Props) {
</div> </div>
} }
> >
<div className="flex gap-4"> <div className="flex gap-4 items-center">
<SearchBar <SearchBar
className="!bg-transparent !m-0 !min-w-[350px]" className="!bg-transparent !m-0 !min-w-[350px]"
value={searchBarValue} value={searchBarValue}

6
app/react/portainer/HomeView/EnvironmentList/UpdateBadge.tsx
View File

@ -11,17 +11,19 @@ export function UpdateBadge() {
return ( return (
<span <span
className={clsx( className={clsx(
'badge inline-flex items-center px-[2px] font-normal border-solid border border-transparent rounded-xl', 'inline-flex items-center gap-2 p-1 font-normal border-solid border border-transparent rounded-3xl h-fit',
'bg-blue-3 text-blue-8', 'bg-blue-3 text-blue-8',
'th-dark:bg-blue-8 th-dark:text-white', 'th-dark:bg-blue-8 th-dark:text-white',
'th-highcontrast:bg-transparent th-highcontrast:text-white th-highcontrast:border-white' 'th-highcontrast:bg-transparent th-highcontrast:text-white th-highcontrast:border-white'
)} )}
> >
<span className="hidden 2xl:!inline text-sm">
Update Available: Edge Agent {version} Update Available: Edge Agent {version}
</span>
<Link <Link
to="portainer.endpoints.updateSchedules.create" to="portainer.endpoints.updateSchedules.create"
className={clsx( className={clsx(
'badge font-normal ml-2 border-solid border border-transparent', 'badge font-normal border-solid border border-transparent',
'bg-blue-8 text-blue-3', 'bg-blue-8 text-blue-3',
'th-dark:bg-blue-3 th-dark:text-blue-8 th-dark:hover:bg-blue-5 th-dark:hover:text-blue-8', 'th-dark:bg-blue-3 th-dark:text-blue-8 th-dark:hover:bg-blue-5 th-dark:hover:text-blue-8',
'th-highcontrast:bg-transparent th-highcontrast:text-white th-highcontrast:hover:bg-gray-warm-7 th-highcontrast:hover:text-white th-highcontrast:border-white' 'th-highcontrast:bg-transparent th-highcontrast:text-white th-highcontrast:hover:bg-gray-warm-7 th-highcontrast:hover:text-white th-highcontrast:border-white'