Skip to content

Commit d5126bf

Browse files
committed
Fix To Do Cards Color and UI
1 parent 31d3518 commit d5126bf

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

src/App.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,8 +111,41 @@
111111
min-height: 600px;
112112
}
113113

114+
.react-kanban-card-adder-form {
115+
border-radius: 5px;
116+
background-color: rgba(0, 0, 0, 0.1);
117+
}
118+
119+
.react-kanban-card-adder-form__title {
120+
border-radius: 2px;
121+
color: black;
122+
}
123+
124+
.react-kanban-card-adder-form__description {
125+
border-radius: 2px;
126+
color: black;
127+
}
128+
129+
.react-kanban-card-adder-form__button {
130+
color: black;
131+
}
132+
133+
.react-kanban-card {
134+
backdrop-filter: blur(16px) saturate(180%);
135+
-webkit-backdrop-filter: blur(16px) saturate(180%);
136+
background-color: rgba(17, 25, 40, 0);
137+
border-radius: 5px;
138+
border: 1px solid rgba(255, 255, 255, 0.125);
139+
color: white;
140+
box-sizing: border-box;
141+
max-width: 170px !important;
142+
min-width: 170px !important;
143+
}
144+
114145
@media (max-width: 1400px) {
115146
.react-kanban-card, .react-kanban-card-adder-form, .react-kanban-card-skeleton {
147+
border: 2px;
148+
background-color: black;
116149
box-sizing: border-box;
117150
max-width: 170px !important;
118151
min-width: 170px !important;

0 commit comments

Comments
 (0)