Dwinzo-Beta/Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge conflicts remote-tracking branch 'origin/main' into ui

Browse Source
This commit is contained in:
Vishnu
2025-03-27 16:16:31 +05:30
parent 49ea1b1ff2 c9d3287ad6
commit a906d9a60b
37 changed files with 1640 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
app/src/styles/components/input.scss
View File

@@ -280,28 +280,24 @@ input {
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
background-color: #ffffff;
border: 1px solid #cccccc;
top: 110%;
right: -16px;
background-color: var(--background-color);
border: 1px solid var(--border-color);
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: #{$box-shadow-medium};
z-index: 1000;
min-width: 200px;
overflow: auto;
max-height: 600px;
max-height: 400px;
.dropdown-content {
display: flex;
flex-direction: column;
gap: 6px;
.nested-dropdown {
// &:first-child{
margin-left: 0;
// }
}
padding: 10px;
}
@@ -309,13 +305,13 @@ input {
display: block;
padding: 5px 10px;
text-decoration: none;
color: #000000;
color: var(--text-color);
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
&:hover {
background-color: #f0f0f0;
background-color: var(--background-color);
}
}
@@ -329,15 +325,20 @@ input {
padding: 5px 10px;
cursor: pointer;
font-size: 14px;
color: #000000;
color: var(--text-color);
transition: background-color 0.3s ease;
border-radius: #{$border-radius-small};
.arrow-container{
@include flex-center;
}
&:hover {
background-color: #f0f0f0;
background-color: var(--background-color);
}
&.open {
background-color: #e0e0e0;
color: var(--accent-color);
background-color: var(--highlight-accent-color);
}
.icon {
@@ -349,7 +350,7 @@ input {
.submenu {
margin-top: 5px;
padding-left: 20px;
border-left: 2px solid #cccccc;
border-left: 2px solid var(--border-color);
display: flex;
flex-direction: column;
gap: 6px;
@@ -576,26 +577,26 @@ input {
color: var(--text-disabled);
}
}
.entered-emails{
.entered-emails {
@include flex-center;
gap: 2px;
background: var(--background-color-gray);
padding: 0 4px;
border-radius: #{$border-radius-large};
span{
span {
height: 14px;
width: 14px;
line-height: 12px;
text-align: center;
border-radius: #{$border-radius-small};
&:hover{
&:hover {
background: var(--accent-color);
color: var(--primary-color);
}
}
}
}
.invite-button{
.invite-button {
padding: 4px 12px;
border-radius: #{$border-radius-large};
background: var(--accent-color);