0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00

Added welcome page UI to product details

This commit is contained in:
Peter Zimon 2021-05-06 17:40:29 +02:00
parent be30046419
commit ccf2dff413
2 changed files with 30 additions and 26 deletions

View file

@ -74,10 +74,6 @@
margin-bottom: 3vw;
}
.gh-product-details .max-width {
max-width: 620px;
}
.gh-product-details-form {
display: flex;
align-items: flex-start;
@ -106,7 +102,11 @@
width: 100%;
}
.gh-product-description-container {
.gh-product-details-fields .max-width {
max-width: 840px;
}
.gh-product-details-fields .form-group:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}

View file

@ -23,30 +23,34 @@
</GhCanvasHeader>
<form>
<div class="gh-product-details">
<section class="gh-product-config">
<h4 class="gh-main-section-header small bn">Product details</h4>
<div class="gh-main-section-content grey gh-product-details-form">
{{!-- <GhFormGroup @property="name" @class="gh-product-icon-container">
<label for="member-name">ICON</label>
<div class="gh-product-icon whitegrey">Icon</div>
</GhFormGroup> --}}
<div class="gh-product-details-fields">
<GhFormGroup @property="name" @classNames="max-width">
<label for="product-name">Product name</label>
<GhTextInput data-test-input="product-name" @id="product-name" @value={{product.name}}/>
<GhErrorMessage @property="name" />
</GhFormGroup>
<GhFormGroup @property="description" @classNames="max-width gh-product-description-container">
<label for="product-description">Description</label>
<GhTextInput data-test-input="product-description" @value={{product.description}} />
<GhErrorMessage @property="description" />
</GhFormGroup>
</div>
<section class="gh-main-section">
<div class="gh-main-section-block">
<h4 class="gh-main-section-header small bn">Product details</h4>
<div class="gh-main-section-content grey gh-product-details-form">
<div class="gh-product-details-fields">
<GhFormGroup @property="name" @classNames="max-width">
<label for="product-name">Product name</label>
<GhTextInput data-test-input="product-name" @id="product-name" @value={{product.name}}/>
<GhErrorMessage @property="name" />
</GhFormGroup>
<GhFormGroup @property="description" @classNames="max-width">
<label for="product-description">Description</label>
<GhTextInput data-test-input="product-description" @value={{product.description}} />
<GhErrorMessage @property="description" />
</GhFormGroup>
<GhFormGroup @property="_welcome-page" @classNames="max-width">
<label for="_welcome-page">Welcome page</label>
<GhTextInput data-test-input="_welcome-page" @value="" />
<p>Redirect to this URL after signup for this product</p>
<GhErrorMessage @property="_welcome-page" />
</GhFormGroup>
</div>
</section>
</div>
</div>
</section>
</form>
<div class="gh-main-section">