even more beautifuler css

This commit is contained in:
Swrup 2022-01-24 08:38:18 +01:00
parent 964990d9bc
commit 7272ede2ca
3 changed files with 18 additions and 7 deletions

View file

@ -62,3 +62,12 @@ blockquote.blockquote {
.quote { .quote {
color: green; color: green;
} }
.postForm {
background-color: #FCE4EC;
margin: 5px 5px 5px 5px;
border: 2px solid #FFB300;
padding: 2px;
display:table;
width: 500px;
}

View file

@ -13,6 +13,7 @@ Login to make a new thread.
</div> </div>
<div class="col-md-6" id="newthread-form" style="visibility:hidden"> <div class="col-md-6" id="newthread-form" style="visibility:hidden">
<div class="postForm">
<%s! Dream.form_tag ~action:url ~enctype:`Multipart_form_data request %> <%s! Dream.form_tag ~action:url ~enctype:`Multipart_form_data request %>
<input type="hidden" id="lat_input" name="lat_input"> <input type="hidden" id="lat_input" name="lat_input">
<input type="hidden" id="lng_input" name="lng_input"> <input type="hidden" id="lng_input" name="lng_input">
@ -26,10 +27,11 @@ Login to make a new thread.
<label for="tags" id="tagsLabel" class="form-label">Tags</label> <label for="tags" id="tagsLabel" class="form-label">Tags</label>
<input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input> <input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input>
<input id="file" name="file" aria-describedby="fileHelp" type="file"> <label for="file" id="fileLabel" class="form-label">Picture:</label>
<div id="fileHelp" class="form-text">Add a picture for your thread</div> <input id="file" name="file" aria-describedby="fileLabel" type="file" accept="image/*">
<button type="submit" class="btn btn-primary">Make Thread</button> <button type="submit" class="btn btn-primary">Make Thread</button>
</form> </form>
</div> </div>
</div> </div>
</div>
% end; % end;

View file

@ -5,18 +5,18 @@ let f thread_view thread_id request =
% | None -> % | None ->
% | Some _ -> % | Some _ ->
<div class="mb-3"> <div class="postForm">
<%s! Dream.form_tag ~action:( Format.sprintf "/reply/%s" thread_id) <%s! Dream.form_tag ~action:( Format.sprintf "/reply/%s" thread_id)
~enctype:`Multipart_form_data request %> ~enctype:`Multipart_form_data request %>
<label for="replyComment" id="replyCommentLabel" class="form-label">Comment</label> <label for="replyComment" id="replyCommentLabel" class="form-label">Comment:</label>
<textarea name="replyComment" type="text" class="form-control" id="replyComment" aria-labelledby="replyCommentLabel"></textarea> <textarea name="replyComment" type="text" class="form-control" id="replyComment" aria-labelledby="replyCommentLabel"></textarea>
<label for="tags" id="tagsLabel" class="form-label">Tags</label> <label for="tags" id="tagsLabel" class="form-label">Tags:</label>
<input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input> <input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input>
<input id="file" name="file" aria-describedby="fileHelp" type="file"> <label for="file" id="fileLabel" class="form-label">Picture:</label>
<div id="fileHelp" class="form-text">Add a picture to your post</div> <input id="file" name="file" aria-describedby="fileLabel" type="file" accept="image/*">
<button type="submit" class="btn btn-primary">Reply</button> <button type="submit" class="btn btn-primary">Reply</button>
</div> </div>
</form> </form>