Rename Button ui component files
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
.btn {
|
||||
padding: 0.2rem 0.8rem 0.2rem 0.8rem;
|
||||
width: fit-content;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
cursor: pointer;
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
|
||||
.primary {
|
||||
color: white;
|
||||
background-color: #019AFF;
|
||||
}
|
||||
|
||||
.danger {
|
||||
color: white;
|
||||
background-color: #FF073A;
|
||||
}
|
||||
|
||||
.transparent {
|
||||
color: #019AFF;
|
||||
}
|
||||
|
||||
.default {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
background: rgba(255, 255, 255, 0.65);
|
||||
backdrop-filter: blur(3px);
|
||||
-webkit-backdrop-filter: blur(3px);
|
||||
border-radius: 20px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
box-shadow:
|
||||
0 8px 32px rgba(0, 0, 0, 0.1),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.5),
|
||||
inset 0 -1px 0 rgba(255, 255, 255, 0.1),
|
||||
inset 0 0 8px 4px rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
Reference in New Issue
Block a user