stacker.news/pages/settings/settings.module.css

.nav {
    margin: 1rem 0;
    justify-content: start;
    font-size: 110%;
}

.nav :global .nav-link {
    padding-left: 0;
}

.nav :global .nav-item:not(:first-child) {
    margin-left: 1rem;
}

.nav :global .active {
    border-bottom: 2px solid var(--bs-primary);
}

.alert {
    color: var(--bs-danger);
    margin-bottom: 10px;
}
Subscription management page (#1000) * first pass of a subscription management page under settings * add tabs to settings ui * NymActionDropdown * update Apollo InMemoryCache to merge paginated list of my subscribed users * various updates * switch from UsersNullable to Users * bake the nym action dropdwon into the user component * add back fields to the user query * `meSubscriptionPosts`, `meSubscriptionComments`, `meMute` * Refetch my subscribed users when a user subscription is changed * update user list to hide stats in the subscribed list users * update my sub'd users fragment to remove unnecessary user fields * memoize subscribe user context provider value to avoid re-renders * use inner join instead of left join Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> * throw error when unauthenticated Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> --------- Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> 2024-04-04 00:38:47 +00:00			`.nav {`
			`margin: 1rem 0;`
			`justify-content: start;`
			`font-size: 110%;`
			`}`

			`.nav :global .nav-link {`
			`padding-left: 0;`
			`}`

			`.nav :global .nav-item:not(:first-child) {`
			`margin-left: 1rem;`
			`}`

			`.nav :global .active {`
			`border-bottom: 2px solid var(--bs-primary);`
			`}`
Show Alert Message on Settings Page (#1179) * Show alert message * Add extra line * Use css var * Restore lightning in filter * Show alert at top of page 2024-05-17 15:47:06 +00:00
			`.alert {`
			`color: var(--bs-danger);`
			`margin-bottom: 10px;`
			`}`