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

[CL-481] Style updates for bit-item, bit-card, and primary-100 (#11473)

Browse Source
This commit is contained in:
Victoria League
2024-10-09 16:36:54 -04:00
committed by GitHub
parent b28e778ba6
commit c8cdc6e4c9
4 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/card/card.component.ts
View File

@@ -9,7 +9,7 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
changeDetection: ChangeDetectionStrategy.OnPush,
host: {
class:
"tw-box-border tw-block tw-bg-background tw-text-main tw-border-solid tw-border-b tw-border-0 tw-border-b-secondary-300 [&:not(bit-layout_*)]:tw-rounded-lg tw-py-4 tw-px-3",
"tw-box-border tw-block tw-bg-background tw-text-main tw-border-solid tw-border-b tw-border-0 tw-border-b-secondary-300 [&:not(bit-layout_*)]:tw-rounded-lg [&:not(bit-layout_*)]:tw-border-b-shadow tw-py-4 tw-px-3",
},
})
export class CardComponent {}

2
libs/components/src/item/item.component.html
View File

@@ -3,7 +3,7 @@
[ngClass]="
focusVisibleWithin()
? 'tw-z-10 tw-rounded tw-outline-none tw-ring tw-ring-primary-600 tw-border-transparent'
: 'tw-border-b-secondary-300 [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-border-b-transparent'
: 'tw-border-b-shadow'
"
>
<bit-item-action class="item-main-content tw-block tw-flex-1 tw-overflow-hidden">

4
libs/components/src/tw-theme.css
View File

@@ -2,6 +2,7 @@
:root {
--color-transparent-hover: rgb(0 0 0 / 0.02);
--color-shadow: 168 179 200;
--color-background: 255 255 255;
--color-background-alt: 243 246 249;
@@ -56,6 +57,7 @@
.theme_dark {
--color-transparent-hover: rgb(255 255 255 / 0.02);
--color-shadow: 0 0 0;
--color-background: 32 39 51;
--color-background-alt: 18 26 39;
@@ -63,7 +65,7 @@
--color-background-alt3: 48 57 70;
--color-background-alt4: 18 26 39;
--color-primary-100: 2 15 102;
--color-primary-100: 26 39 78;
--color-primary-300: 26 65 172;
--color-primary-600: 101 171 255;
--color-primary-700: 170 195 239;

1
libs/components/tailwind.config.base.js
View File

@@ -23,6 +23,7 @@ module.exports = {
},
current: colors.current,
black: colors.black,
shadow: rgba("--color-shadow"),
primary: {
100: rgba("--color-primary-100"),
300: rgba("--color-primary-300"),