diff options
3 files changed, 17 insertions, 18 deletions
diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.css b/ufund-ui/src/app/components/dashboard/dashboard.component.css index 303b890..54f362b 100644 --- a/ufund-ui/src/app/components/dashboard/dashboard.component.css +++ b/ufund-ui/src/app/components/dashboard/dashboard.component.css @@ -21,17 +21,23 @@ width: 400px; height: 130px; border-radius: 5px; - padding: 20px; + padding: 10px; display: flex; flex-direction: column; + justify-content: space-between; + h1 { + padding: 0 10px; + } } .listCard { + display: flex; + flex-direction: column; background-color: #2e2e2e; border-radius: 5px; padding: 10px; - + gap: 10px; } .content { diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css index d01ac54..6dceee1 100644 --- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css +++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.css @@ -1,26 +1,21 @@ :host { display: flex; flex-direction: column; - border: solid rgba(255, 255, 255, 0.5) 1px; border-radius: 5px; + height: 175px; } -#header { +#empty { + height: 175px; display: flex; - flex-direction: row; - justify-content: space-between; - border-bottom: solid rgba(255, 255, 255, 0.5) 1px; - padding: 10px; - - a { - display: flex; - } + align-items: center; + color: #878787; } #needList { display: flex; flex-direction: row; - padding: 10px; + /*padding: 10px;*/ gap: 10px; justify-content: start; overflow: auto; diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html index 91f51cf..fc70c3d 100644 --- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html +++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.html @@ -1,9 +1,7 @@ -<div id="header"> - <span>{{label}}</span> - <a *ngIf="url" [routerLink]="url">Show All<span class="icon">arrow_forward_ios</span></a> -</div> - <div id="needList"> + <div id="empty" *ngIf="!needList?.length"> + <span>(No needs)</span> + </div> <div class="needEntry" *ngFor="let need of needList" [routerLink]="'/need/'+need.id"> <div> <span class="needName">{{need.name}}</span> |