Cardoza_Construction/EstiMaker
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

template improvements for scope choice and filtering

Browse Source
This commit is contained in:
Timothy Cardoza
2026-03-16 15:31:52 -05:00
parent 229b4b1486
commit bd65217ddc
5 changed files with 269 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ScopeCard.tsx
+14 -14
View File
@@ -153,12 +153,20 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
</div>
<div class="flex items-center gap-2">
<button
onClick={() => props.onAddSubScope(props.scope.id)}
class="flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary rounded-xl text-sm font-bold hover:bg-primary/20 transition-colors border border-primary/20"
>
<Plus class="mr-2 h-3.5 w-3.5" /> Sub-scope
</button>
<div class="flex items-center gap-1.5">
<button
onClick={() => props.onAddSubScope(props.scope.id)}
class="flex items-center gap-2 px-3 py-2 bg-primary/10 text-primary rounded-xl text-sm font-bold hover:bg-primary/20 transition-colors border border-primary/20"
>
<Plus class="h-3.5 w-3.5" /> Sub-scope
</button>
<button
onClick={() => props.onOpenApplyTemplate(props.scope.id)}
class="flex items-center gap-2 px-3 py-2 bg-indigo-50 text-indigo-600 rounded-xl text-sm font-bold hover:bg-indigo-100 transition-colors border border-indigo-100"
>
<FileBox class="h-3.5 w-3.5" /> Template
</button>
</div>
<div class="h-8 w-px bg-border mx-2"></div>
<button
onClick={() => setShowBulkActions(!showBulkActions())}
@@ -207,14 +215,6 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
Apply
</button>
</div>
<div class="flex items-center ml-auto">
<button
onClick={() => props.onOpenApplyTemplate(props.scope.id)}
class="flex items-center gap-2 px-3 py-1.5 bg-background text-primary border border-primary/30 rounded-lg text-xs font-bold shadow-sm hover:bg-primary hover:text-primary-foreground hover:border-primary transition-all"
>
<FileBox class="w-3.5 h-3.5" /> Apply Template
</button>
</div>
</div>
</Show>