bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-03 18:23:57 +00:00
Code Issues Releases Wiki Activity

Update filters layout to be responsive

Browse Source
This commit is contained in:
Mark Youssef
2025-05-23 15:54:18 -07:00
parent 799711d199
commit cf693972c7
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/app/tools/send/send.component.html
View File

@@ -18,7 +18,7 @@
{{ "sendDisabledWarning" | i18n }}
</bit-callout>
<div class="tw-grid tw-grid-cols-12 tw-gap-4">
<div class="tw-col-span-3">
<div class="tw-col-span-12 md:tw-col-span-3">
<div class="tw-border tw-border-solid tw-border-secondary-300 tw-rounded" data-testid="filters">
<div
class="tw-bg-background-alt tw-border-0 tw-border-b tw-border-solid tw-border-secondary-100 tw-rounded-t tw-px-5 tw-py-2.5 tw-font-semibold tw-uppercase"
@@ -80,7 +80,7 @@
</div>
</div>
</div>
<div class="tw-col-span-9">
<div class="tw-col-span-12 md:tw-col-span-9">
<!--Listing Table-->
<bit-table [dataSource]="dataSource" *ngIf="filteredSends && filteredSends.length">
<ng-container header>

6
apps/web/src/app/vault/individual-vault/vault.component.html
View File

@@ -20,8 +20,8 @@
>
</app-vault-onboarding>
<div class="tw-flex tw-flex-row -tw-mx-2.5">
<div class="tw-basis-1/4 tw-max-w-1/4 tw-px-2.5">
<div class="tw-flex tw-flex-col md:tw-flex-row md:-tw-mx-2.5">
<div class="tw-mb-2.5 md:tw-mb-0 md:tw-basis-1/4 md:tw-max-w-1/4 md:tw-px-2.5">
<app-vault-filter
#vaultFilter
[activeFilter]="activeFilter"
@@ -30,7 +30,7 @@
(onEditFolder)="editFolder($event)"
></app-vault-filter>
</div>
<div class="tw-basis-3/4 tw-max-w-3/4 tw-px-2.5">
<div class="md:tw-basis-3/4 md:tw-max-w-3/4 tw-px-2.5">
<bit-callout type="warning" *ngIf="activeFilter.isDeleted">
{{ trashCleanupWarning }}
</bit-callout>