Feat v0.6.13 responsive spacing (#48)
All checks were successful
All checks were successful
Co-authored-by: Jeffrey Smith <jasafpro@gmail.com> Co-committed-by: Jeffrey Smith <jasafpro@gmail.com>
This commit was merged in pull request #48.
This commit is contained in:
@@ -5,10 +5,10 @@
|
||||
.ext-team-activity-log-shell {
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 24px 16px;
|
||||
padding: var(--sp-6) var(--sp-4);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
gap: var(--sp-4);
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
@@ -18,13 +18,13 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
gap: var(--sp-3);
|
||||
}
|
||||
|
||||
.ext-team-activity-log-header__left {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 10px;
|
||||
gap: var(--sp-3);
|
||||
}
|
||||
|
||||
.ext-team-activity-log-title {
|
||||
@@ -43,11 +43,11 @@
|
||||
|
||||
.ext-team-activity-log-form {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
gap: var(--sp-2);
|
||||
background: var(--bg-surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 10px 12px;
|
||||
padding: var(--sp-3) var(--sp-3);
|
||||
}
|
||||
|
||||
.ext-team-activity-log-form__select {
|
||||
@@ -57,7 +57,7 @@
|
||||
color: var(--text);
|
||||
font-family: var(--font);
|
||||
font-size: 13px;
|
||||
padding: 6px 8px;
|
||||
padding: var(--sp-2) var(--sp-2);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
color: var(--text);
|
||||
font-family: var(--font);
|
||||
font-size: 14px;
|
||||
padding: 6px 10px;
|
||||
padding: var(--sp-2) var(--sp-3);
|
||||
outline: none;
|
||||
transition: border-color var(--transition);
|
||||
}
|
||||
@@ -90,7 +90,7 @@
|
||||
font-family: var(--font);
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
padding: 6px 16px;
|
||||
padding: var(--sp-2) var(--sp-4);
|
||||
cursor: pointer;
|
||||
transition: background var(--transition);
|
||||
}
|
||||
@@ -109,7 +109,7 @@
|
||||
.ext-team-activity-log-filters {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
gap: var(--sp-2);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@@ -120,7 +120,7 @@
|
||||
color: var(--text-2);
|
||||
font-family: var(--font);
|
||||
font-size: 12px;
|
||||
padding: 4px 10px;
|
||||
padding: var(--sp-1) var(--sp-3);
|
||||
cursor: pointer;
|
||||
transition: all var(--transition);
|
||||
}
|
||||
@@ -147,14 +147,14 @@
|
||||
.ext-team-activity-log-entries {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
gap: var(--sp-2);
|
||||
}
|
||||
|
||||
.ext-team-activity-log-entry {
|
||||
background: var(--bg-surface);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 10px 12px;
|
||||
padding: var(--sp-3) var(--sp-3);
|
||||
transition: border-color var(--transition);
|
||||
}
|
||||
|
||||
@@ -165,8 +165,8 @@
|
||||
.ext-team-activity-log-entry__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 4px;
|
||||
gap: var(--sp-2);
|
||||
margin-bottom: var(--sp-1);
|
||||
}
|
||||
|
||||
.ext-team-activity-log-entry__category {
|
||||
@@ -193,7 +193,7 @@
|
||||
color: var(--text-3);
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
padding: 0 4px;
|
||||
padding: 0 var(--sp-1);
|
||||
line-height: 1;
|
||||
opacity: 0;
|
||||
transition: all var(--transition);
|
||||
@@ -218,7 +218,7 @@
|
||||
.ext-team-activity-log-empty,
|
||||
.ext-team-activity-log-loading {
|
||||
text-align: center;
|
||||
padding: 40px 16px;
|
||||
padding: var(--sp-10) var(--sp-4);
|
||||
color: var(--text-3);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user