| @@ -26,6 +26,15 @@ | ||||
|     z-index: 1; | ||||
|   } | ||||
|  | ||||
|   &.compact { | ||||
|     padding: 30px 0; | ||||
|     border-radius: 4px; | ||||
|  | ||||
|     .avatar { | ||||
|       margin-bottom: 0; | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   .name { | ||||
|     display: block; | ||||
|     font-size: 20px; | ||||
|   | ||||
| @@ -40,6 +40,10 @@ code { | ||||
|     } | ||||
|   } | ||||
|  | ||||
|   .card { | ||||
|     margin-bottom: 15px; | ||||
|   } | ||||
|  | ||||
|   strong { | ||||
|     font-weight: 500; | ||||
|   } | ||||
|   | ||||
| @@ -7,10 +7,17 @@ | ||||
|   .fields-group | ||||
|     = f.input :display_name, placeholder: t('simple_form.labels.defaults.display_name'), hint: t('simple_form.hints.defaults.display_name', count: 30 - @account.display_name.size).html_safe | ||||
|     = f.input :note, placeholder: t('simple_form.labels.defaults.note'), hint: t('simple_form.hints.defaults.note', count: 160 - @account.note.size).html_safe | ||||
|  | ||||
|   .card.compact{ style: "background-image: url(#{@account.header.url(:original)})" } | ||||
|     .avatar= image_tag @account.avatar.url(:original) | ||||
|  | ||||
|   .fields-group | ||||
|     = f.input :avatar, wrapper: :with_label, input_html: { accept: AccountAvatar::IMAGE_MIME_TYPES.join(',') }, hint: t('simple_form.hints.defaults.avatar') | ||||
|  | ||||
|     = f.input :header, wrapper: :with_label, input_html: { accept: AccountHeader::IMAGE_MIME_TYPES.join(',') }, hint: t('simple_form.hints.defaults.header') | ||||
|  | ||||
|   = f.input :locked, as: :boolean, wrapper: :with_label, hint: t('simple_form.hints.defaults.locked') | ||||
|   .fields-group | ||||
|     = f.input :locked, as: :boolean, wrapper: :with_label, hint: t('simple_form.hints.defaults.locked') | ||||
|  | ||||
|   .actions | ||||
|     = f.button :button, t('generic.save_changes'), type: :submit | ||||
|   | ||||
		Reference in New Issue
	
	Block a user