Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-02 20:35:25 +02:00
Code Issues Releases Activity

fix(home): EE-4874 homepage ui issues (#8319)

Browse source
This commit is contained in:
cmeng 2023-01-23 09:14:06 +13:00 • committed by GitHub
parent 07dd6bbe84
commit d04747b309
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 26 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/react/components/EdgeIndicator.tsx
View file

@ -27,7 +27,7 @@ export function EdgeIndicator({
return (
<span role="status" aria-label="edge-status">
<EnvironmentStatusBadgeItem aria-label="unassociated">
<s>associated</s>
<span className="whitespace-nowrap">Not associated</span>
</EnvironmentStatusBadgeItem>
</span>
);
@ -41,6 +41,7 @@ export function EdgeIndicator({
>
<EnvironmentStatusBadgeItem
color={isValid ? 'success' : 'danger'}
icon={isValid ? 'svg-heartbeatup' : 'svg-heartbeatdown'}
aria-label="edge-heartbeat"
>
heartbeat

4
app/react/components/Svg.tsx
View file

@ -4,6 +4,8 @@ import darkmode from '@/assets/ico/theme/darkmode.svg?c';
import lightmode from '@/assets/ico/theme/lightmode.svg?c';
import highcontrastmode from '@/assets/ico/theme/highcontrastmode.svg?c';
// general icons
import heartbeatup from '@/assets/ico/heartbeat-up.svg?c';
import heartbeatdown from '@/assets/ico/heartbeat-down.svg?c';
import checked from '@/assets/ico/checked.svg?c';
import dataflow from '@/assets/ico/dataflow-1.svg?c';
import git from '@/assets/ico/git.svg?c';
@ -44,6 +46,8 @@ import quay from '@/assets/ico/vendor/quay.svg?c';
const placeholder = Placeholder;
export const SvgIcons = {
heartbeatup,
heartbeatdown,
automode,
darkmode,
lightmode,

2
app/react/components/datatables/SearchBar.tsx
View file

@ -32,7 +32,7 @@ export function SearchBar({
return (
<div
className={clsx('searchBar items-center flex min-w-[90px]', className)}
className={clsx('searchBar items-center flex min-w-[350px]', className)}
>
<Search className="searchIcon lucide shrink-0" />
<input

15
app/react/portainer/environments/wizard/EnvironmentsCreationView/WizardEndpointsList/WizardEndpointsList.module.css
View file

@ -1,10 +1,10 @@
.wizard-list-wrapper {
display: grid;
grid-template-columns: 50px 1fr;
grid-template-columns: 50px 1fr 70px;
grid-template-areas:
'image title'
'image subtitle'
'image type';
'image title title'
'image subtitle edgeStatus'
'image type type';
border: 1px solid rgb(221, 221, 221);
border-radius: 5px;
margin-bottom: 10px;
@ -13,6 +13,13 @@
box-shadow: 0 3px 10px -2px rgb(161 170 166 / 20%);
}
.wizard-list-edge-status {
grid-area: edgeStatus;
display: flex;
justify-content: flex-end;
align-items: center;
}
.wizard-list-image {
grid-area: image;
font-size: 35px;