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

fix(styles): improve styling of form-section-title [EE-5366] (#10250)

pull/10273/head
Matt Hook 2023-09-08 13:40:09 +12:00 committed by GitHub
parent c8a1f0fa77
commit b40b305e63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/css/app.css
View File

@ -84,16 +84,20 @@ body,
.form-section-title {
@apply text-gray-9;
@apply th-dark:text-gray-5;
@apply th-dark:text-white;
@apply th-highcontrast:text-white;
margin-top: 5px;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 0;
font-weight: 500;
font-size: 16px;
}
.form-section-title:first-child {
margin-top: 5px;
}
.form-horizontal .control-label.text-left,
.form-row .control-label.text-left {
text-align: left;

8
app/docker/views/docker-features-configuration/docker-features-configuration.html
View File

@ -5,7 +5,7 @@
<rd-widget>
<rd-widget-body>
<form class="form-horizontal" name="$ctrl.form">
<div class="col-sm-12 form-section-title"> Host and Filesystem </div>
<div class="col-sm-12 form-section-title"> Host and filesystem </div>
<div ng-if="!$ctrl.isAgent" class="form-group">
<span class="col-sm-12 text-muted small vertical-center">
<pr-icon icon="'info'" mode="'primary'" class-name="'space-right'"></pr-icon>
@ -39,7 +39,7 @@
</div>
</div>
<!-- auto update window -->
<div class="col-sm-12 form-section-title"> Change Window Setting </div>
<div class="col-sm-12 form-section-title"> Change window setting </div>
<div class="form-group">
<div class="col-sm-12">
@ -57,7 +57,7 @@
</div>
<!-- security -->
<div class="col-sm-12 form-section-title"> Docker Security Settings </div>
<div class="col-sm-12 form-section-title"> Docker security settings </div>
<div class="form-group">
<div class="col-sm-12">
<por-switch-field
@ -150,7 +150,7 @@
<!-- other -->
<div class="col-sm-12 form-section-title"> Other </div>
<div class="form-group">
<div class="col-sm-12 pb-3">
<div class="col-sm-12">
<gpus-insights></gpus-insights>
</div>
<div class="col-sm-12">

2
app/react/components/form-components/FormSectionTitle/FormSectionTitle.tsx
View File

@ -33,7 +33,7 @@ export function FormSectionTitle({
return (
<div
className={clsx(
'col-sm-12 mb-2 mt-1 pl-0 font-medium',
'col-sm-12 mb-2 mt-4 pl-0 font-medium',
tailwindTitleSize[titleSize]
)}
>