SEO
This commit is contained in:
@@ -1,142 +1,142 @@
|
||||
// Use @tailwind directives instead of @import both to silence deprecation warnings
|
||||
// and because it's the recommended Tailwind CSS syntax
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
// External CSS imports - these URL imports don't trigger deprecation warnings
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
|
||||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
|
||||
|
||||
// Local CSS files loaded as CSS (not SCSS) to avoid @import deprecation
|
||||
// Note: These are loaded via angular.json styles array is the preferred approach,
|
||||
// but for now we keep them here for simplicity
|
||||
@import '@ng-select/ng-select/themes/default.theme.css';
|
||||
|
||||
:root {
|
||||
--text-color-secondary: rgba(255, 255, 255);
|
||||
--wrapper-width: 1491px;
|
||||
// --secondary-color: #ffffff; /* Setzt die secondary Farbe auf weiß */
|
||||
}
|
||||
|
||||
.p-button.p-button-secondary.p-button-outlined {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
app-root {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
|
||||
&:hover a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
app-root {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
// font-family: 'Open Sans', sans-serif;
|
||||
font-family: var(--font-family);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// header {
|
||||
// height: 64px; /* Feste Höhe */
|
||||
// }
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
/* Füllt den verfügbaren Platz */
|
||||
}
|
||||
|
||||
footer {
|
||||
flex-shrink: 0;
|
||||
/* Verhindert Schrumpfen */
|
||||
}
|
||||
|
||||
*:focus,
|
||||
.p-focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
p-menubarsub ul {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(155, 155, 155, 0.5);
|
||||
border-radius: 20px;
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: var(--wrapper-width);
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.p-editor-container .ql-toolbar {
|
||||
background: #f9fafb;
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
}
|
||||
|
||||
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
/* Fix für Marker-Icons in Leaflet */
|
||||
.leaflet-container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon {
|
||||
/* Optional: Anpassen der Marker-Icon-Größe */
|
||||
width: 25px;
|
||||
height: 41px;
|
||||
// Use @tailwind directives instead of @import both to silence deprecation warnings
|
||||
// and because it's the recommended Tailwind CSS syntax
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
// External CSS imports - these URL imports don't trigger deprecation warnings
|
||||
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
|
||||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
|
||||
|
||||
// Local CSS files loaded as CSS (not SCSS) to avoid @import deprecation
|
||||
// Note: These are loaded via angular.json styles array is the preferred approach,
|
||||
// but for now we keep them here for simplicity
|
||||
@import '@ng-select/ng-select/themes/default.theme.css';
|
||||
|
||||
:root {
|
||||
--text-color-secondary: rgba(255, 255, 255);
|
||||
--wrapper-width: 1491px;
|
||||
// --secondary-color: #ffffff; /* Setzt die secondary Farbe auf weiß */
|
||||
}
|
||||
|
||||
.p-button.p-button-secondary.p-button-outlined {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
app-root {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
|
||||
&:hover a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
app-root {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
// font-family: 'Open Sans', sans-serif;
|
||||
font-family: var(--font-family);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// header {
|
||||
// height: 64px; /* Feste Höhe */
|
||||
// }
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
/* Füllt den verfügbaren Platz */
|
||||
}
|
||||
|
||||
footer {
|
||||
flex-shrink: 0;
|
||||
/* Verhindert Schrumpfen */
|
||||
}
|
||||
|
||||
*:focus,
|
||||
.p-focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
p-menubarsub ul {
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(155, 155, 155, 0.5);
|
||||
border-radius: 20px;
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: var(--wrapper-width);
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.p-editor-container .ql-toolbar {
|
||||
background: #f9fafb;
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
}
|
||||
|
||||
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
/* Fix für Marker-Icons in Leaflet */
|
||||
.leaflet-container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon,
|
||||
.leaflet-marker-shadow {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.leaflet-marker-icon {
|
||||
/* Optional: Anpassen der Marker-Icon-Größe */
|
||||
width: 25px;
|
||||
height: 41px;
|
||||
}
|
||||
Reference in New Issue
Block a user