Styling
This commit is contained in:
@@ -269,7 +269,6 @@ select:focus-visible {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
gap: 0.3rem;
|
gap: 0.3rem;
|
||||||
overflow-x: auto;
|
|
||||||
padding-bottom: 0.15rem;
|
padding-bottom: 0.15rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -338,7 +337,7 @@ select:focus-visible {
|
|||||||
|
|
||||||
.skill-list {
|
.skill-list {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 0.35rem;
|
gap: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skill-group-block {
|
.skill-group-block {
|
||||||
@@ -350,6 +349,8 @@ select:focus-visible {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
background-color: #f8f0de;
|
||||||
|
padding-left: 0.1rem;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -357,17 +358,16 @@ select:focus-visible {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1fr) auto;
|
grid-template-columns: minmax(0, 1fr) auto;
|
||||||
gap: 0.6rem;
|
gap: 0.6rem;
|
||||||
background: #f6ebd3;
|
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
border: 1px solid #b39f79;
|
padding-left: 1rem;
|
||||||
border-radius: 0.5rem;
|
|
||||||
padding: 0.45rem 0.55rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.skill-details {
|
.skill-details {
|
||||||
gap: 0.1rem;
|
gap: 0.8rem;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skill-details span {
|
.skill-details span {
|
||||||
@@ -403,7 +403,7 @@ select:focus-visible {
|
|||||||
grid-template-columns: auto 1fr;
|
grid-template-columns: auto 1fr;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-items: start;
|
justify-items: start;
|
||||||
background: #f9f2e2;
|
background: #00000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skill-create-icon {
|
.skill-create-icon {
|
||||||
@@ -427,7 +427,7 @@ select:focus-visible {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.skill-filter-input {
|
.skill-filter-input {
|
||||||
width: min(15rem, 46vw);
|
width: 10rem;
|
||||||
padding: 0.2rem 0.35rem;
|
padding: 0.2rem 0.35rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user