diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2025-04-06 15:15:47 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2025-04-06 15:15:47 -0400 |
| commit | 9f14b3787a8cfc49fd168b1242adcc6d5fa8bfd6 (patch) | |
| tree | 8af111a538a8d6361e1cf07467b9c31568284921 /ufund-ui/src/app/components/mini-need-list | |
| parent | 1ac878b4aaa19ab889c7a98b7dab6acd57c778b3 (diff) | |
| parent | 04cb51b2e7891785c956c5faa73fb88cc04e82e0 (diff) | |
| download | JellySolutions-9f14b3787a8cfc49fd168b1242adcc6d5fa8bfd6.tar.gz JellySolutions-9f14b3787a8cfc49fd168b1242adcc6d5fa8bfd6.tar.bz2 JellySolutions-9f14b3787a8cfc49fd168b1242adcc6d5fa8bfd6.zip | |
Merge branch 'main' into light-mode
# Conflicts:
# ufund-ui/src/app/app.component.html
# ufund-ui/src/app/components/funding-basket/funding-basket.component.html
# ufund-ui/src/app/components/need-list/need-list.component.html
# ufund-ui/src/app/components/need-page/need-page.component.css
Diffstat (limited to 'ufund-ui/src/app/components/mini-need-list')
3 files changed, 15 insertions, 18 deletions
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 ac456ab..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,29 +1,24 @@ :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: clip; + overflow: auto; } .needEntry { @@ -45,6 +40,10 @@ cursor: pointer; } +.needEntry:hover { + background-color: #444444; +} + .needName { font-weight: bold; } 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 a2de9e5..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>{{jtitle}}</span> - <a [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> diff --git a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.ts b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.ts index c909ae6..18b176b 100644 --- a/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.ts +++ b/ufund-ui/src/app/components/mini-need-list/mini-need-list.component.ts @@ -10,7 +10,7 @@ import {Need} from '../../models/Need'; export class MiniNeedListComponent { @Input() needList?: Need[] - @Input() jtitle?: string + @Input() label?: string @Input() url?: string constructor( |