49 lines
1.2 KiB
CSS
49 lines
1.2 KiB
CSS
.guild-center {
|
|
min-height: 100vh;
|
|
background: var(--hy-theme-bg);
|
|
color: var(--hy-theme-text);
|
|
}
|
|
|
|
.guild-center__content {
|
|
display: grid;
|
|
gap: 14px;
|
|
width: min(100%, 720px);
|
|
margin: 0 auto;
|
|
padding: 16px max(16px, env(safe-area-inset-right))
|
|
max(28px, env(safe-area-inset-bottom))
|
|
max(16px, env(safe-area-inset-left));
|
|
}
|
|
|
|
.guild-card {
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: var(--hy-theme-radius-card);
|
|
background: var(--hy-theme-surface);
|
|
box-shadow: var(--hy-theme-shadow);
|
|
}
|
|
|
|
.guild-filter-bar {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: 8px;
|
|
}
|
|
|
|
.guild-filter-bar button {
|
|
min-height: 38px;
|
|
border: 1px solid var(--hy-theme-line);
|
|
border-radius: var(--hy-theme-radius-control);
|
|
background: var(--hy-theme-surface);
|
|
color: var(--hy-theme-text);
|
|
}
|
|
|
|
.guild-filter-bar button[aria-pressed='true'] {
|
|
border-color: var(--hy-theme-primary-strong);
|
|
background: var(--hy-theme-primary-soft);
|
|
color: var(--hy-theme-primary-deep);
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
.guild-filter-bar {
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
}
|
|
}
|