mirror of
https://github.com/sissbruecker/linkding.git
synced 2025-08-09 19:57:49 +02:00
226eb69f8b
* Change app link to not use heading * Use main and h1 for main content * Update settings page structure * Fix responsive styles * Update bookmark form page structure * Update auth page structure * Add some basic page titles * Expose side panel section * Add page title for bookmark details * Expose more sections * Improve region names
63 lines
1.0 KiB
CSS
63 lines
1.0 KiB
CSS
/* Shared components */
|
|
|
|
/* Section header component */
|
|
.section-header {
|
|
border-bottom: solid 1px var(--secondary-border-color);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
column-gap: var(--unit-5);
|
|
padding-bottom: var(--unit-2);
|
|
margin-bottom: var(--unit-4);
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-size: var(--font-size-lg);
|
|
flex: 0 0 auto;
|
|
line-height: var(--unit-9);
|
|
margin: 0;
|
|
}
|
|
|
|
.header-controls {
|
|
flex: 1 1 0;
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.section-header {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
/* Confirm button component */
|
|
span.confirmation {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: var(--unit-1);
|
|
color: var(--error-color) !important;
|
|
|
|
svg {
|
|
align-self: center;
|
|
}
|
|
|
|
.btn.btn-link {
|
|
color: var(--error-color) !important;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Divider */
|
|
.divider {
|
|
border-bottom: solid 1px var(--secondary-border-color);
|
|
margin: var(--unit-5) 0;
|
|
}
|
|
|
|
/* Turbo progress bar */
|
|
.turbo-progress-bar {
|
|
background-color: var(--primary-color);
|
|
}
|