diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 20:23:30 +0200 |
| commit | 9906b285148f54b4060c71012854a814409cc9d7 (patch) | |
| tree | 6bc62baa8fd2d10ef99144d950a30c2a48e851b3 /src/app/components/feed | |
| parent | 75594e7eac044e9398fd1b74246f22cabe6ddeba (diff) | |
| download | DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.tar.gz DevHive-Angular-9906b285148f54b4060c71012854a814409cc9d7.zip | |
Improved readability and consistency of font-size, text, border, colors and padding CSS class names
Diffstat (limited to 'src/app/components/feed')
| -rw-r--r-- | src/app/components/feed/feed.component.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html index a7a5e0d..d81a142 100644 --- a/src/app/components/feed/feed.component.html +++ b/src/app/components/feed/feed.component.html @@ -4,24 +4,24 @@ <main class="centered-content scroll-standalone under-navbar flex-col flex-justify-start" *ngIf="dataArrived"> <form id="create-post" class="card flex-col" [formGroup]="createPostFormGroup" (ngSubmit)="createPost()"> - <textarea class="textarea-new-msg faded-slim-border border-bottom-only padding-small" rows="1" formControlName="newPostMessage" placeholder="What's on your mind?"></textarea> - <section class="flex-row flex-justify-start flex-center-align-children top-bot-padding-bigger"> + <textarea class="textarea-new-msg border-faded-slim border-bottom-only padding-dot2" rows="1" formControlName="newPostMessage" placeholder="What's on your mind?"></textarea> + <section class="flex-row flex-justify-start align-children-center top-bot-padding-dot6ger"> <div class="file-button hover-half-opacity click-effect"> <img src="/assets/icons/tabler-icon-paperclip.svg"> <input type="file" formControlName="fileUpload" (change)="onFileUpload($event)" multiple> </div> </section> - <section class="flex-row bot-padding-bigger"> - <div *ngFor="let file of files" class="form-attachment faded-slim-border flexible flex-row flex-no-wrap flex-center-align-items padding-small margin-top-bot-small"> + <section class="flex-row bot-padding-dot6ger"> + <div *ngFor="let file of files" class="form-attachment border-faded-slim flexible flex-row flex-no-wrap flex-center-align-items padding-dot2 margin-top-bot-small"> <div class="flexible"> {{ file.name ? file.name : 'Attachment' }} </div> - <div class="flex-col hover-half-opacity border-radius-small click-effect" (click)="removeAttachment(file.name)"> + <div class="flex-col hover-half-opacity border-radius-dot2 click-effect" (click)="removeAttachment(file.name)"> <img src="/assets/icons/tabler-icon-x.svg"> </div> </div> </section> - <button class="faded-slim-border padding-small lighter-hover click-effect border-radius-smaller"> + <button class="border-faded-slim padding-dot2 lighter-hover click-effect border-radius-dot3"> Post </button> </form> |