diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-19 19:29:45 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-19 19:29:45 +0200 |
| commit | 69624c2a75f04375793d31203e63b8a1797749bf (patch) | |
| tree | e9b64e42ecd3014ea0b5990f344567e69a8ef7a8 /src | |
| parent | 01a1dc03438051ca152c0207e377b3de8e77a3c7 (diff) | |
| download | DevHive-Angular-69624c2a75f04375793d31203e63b8a1797749bf.tar DevHive-Angular-69624c2a75f04375793d31203e63b8a1797749bf.tar.gz DevHive-Angular-69624c2a75f04375793d31203e63b8a1797749bf.zip | |
Added an hr to feed and profile components, styled properly
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/components/feed/feed.component.css | 2 | ||||
| -rw-r--r-- | src/app/components/feed/feed.component.html | 1 | ||||
| -rw-r--r-- | src/app/components/profile/profile.component.html | 1 | ||||
| -rw-r--r-- | src/styles.css | 6 |
4 files changed, 9 insertions, 1 deletions
diff --git a/src/app/components/feed/feed.component.css b/src/app/components/feed/feed.component.css index baa96d5..372792c 100644 --- a/src/app/components/feed/feed.component.css +++ b/src/app/components/feed/feed.component.css @@ -1,6 +1,6 @@ #create-post { width: 100%; - margin: 1em 0; + margin-top: 1em; } #new-post-message { diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html index a8290a1..3b5b69b 100644 --- a/src/app/components/feed/feed.component.html +++ b/src/app/components/feed/feed.component.html @@ -23,6 +23,7 @@ Post </button> </form> + <hr class="card-hr"> <section id="posts" (scroll)="onScroll($event)"> <div id="no-posts-msg" *ngIf="posts.length === 0"> None of your friends have posted anything yet!<br> diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html index 38f15e4..4bb6752 100644 --- a/src/app/components/profile/profile.component.html +++ b/src/app/components/profile/profile.component.html @@ -47,6 +47,7 @@ </span> </div> </section> + <hr class="card-hr"> <section> <div *ngIf="userPosts.length === 0"> {{ user.firstName }} {{ user.lastName }} hasn't posted anything yet! diff --git a/src/styles.css b/src/styles.css index 0f60fd0..66fedf7 100644 --- a/src/styles.css +++ b/src/styles.css @@ -254,6 +254,12 @@ input[type=file]::file-selector-button { } } +.card-hr { + width: calc(100% - 1em); + border: 1px solid var(--fg-color); + background-color: var(--fg-color); +} + /* Effects */ .lighter-hover:hover, .light-hover:hover, .hover-half-opacity:hover { |