jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: date picker and db name improvements

Browse source
This commit is contained in:
nick-delirium 2025-02-24 10:37:04 +01:00
parent 64e08916f9
commit fe06f43dd5
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
3 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/components/DashboardEditModal/DashboardEditModal.tsx
View file

@ -53,7 +53,7 @@ function DashboardEditModal(props: Props) {
value={ dashboard.name }
onChange={write}
placeholder="Title"
maxLength={100}
maxLength={40}
autoFocus={focusTitle}
/>
</Form.Field>

2
frontend/app/components/Dashboard/components/WidgetName/WidgetName.tsx
View file

@ -55,7 +55,7 @@ function WidgetName(props: Props) {
onBlur={() => onBlur()}
onKeyDown={onKeyDown}
onFocus={() => setEditing(true)}
maxLength={80}
maxLength={40}
className="bg-white text-2xl ps-2 rounded-lg h-8"
/>
) : (

13
frontend/app/styles/main.css
View file

@ -353,11 +353,22 @@ svg {
.dateRangeContainer .react-calendar__tile--active{
background-color: rgba(57, 77, 254,.7);
color: #FFF!important;
}
.dateRangeContainer .react-calendar__tile--rangeStart {
background-color: #394dfe;
color: #FFF!important;
}
.dateRangeContainer .react-calendar__tile--hasActive, .dateRangeContainer .react-calendar__tile--active:hover, .dateRangeContainer .react-calendar__tile--active:enabled:hover, .dateRangeContainer .react-calendar__tile--active:enabled:focus, .dateRangeContainer .react-calendar__tile--hasActive:enabled:hover, .dateRangeContainer .react-calendar__tile--hasActive:enabled:focus{
background-color: #394dfe;
color: #FFF;
color: #FFF!important;
}
.react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus {
background-color: #2331A8!important;
color: #FFF!important;
}
.dateRangeContainer .react-calendar__tile--hasActive:hover{