new Landing page, stripped app
This commit is contained in:
42
bizmatch-client/src/app/pages/account/account.component.scss
Normal file
42
bizmatch-client/src/app/pages/account/account.component.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
.rounded-logo {
|
||||
border-radius: 6px;
|
||||
width: 120px;
|
||||
height: 30px;
|
||||
border: 1px solid #6b7280;
|
||||
padding: 1px 1px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.rounded-profile {
|
||||
// @extend .rounded-logo;
|
||||
max-width: 100px;
|
||||
max-height: 120px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #6b7280;
|
||||
padding: 1px 1px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.wfull {
|
||||
width: 100%;
|
||||
}
|
||||
.image-wrap {
|
||||
position: relative; /* Ermöglicht die absolute Positionierung des Icons bezogen auf diesen Container */
|
||||
display: inline-block; /* Erlaubt die Inline-Anordnung, falls mehrere Bilder vorhanden sind */
|
||||
}
|
||||
/* Stil für das FontAwesome Icon */
|
||||
.image-wrap fa-icon {
|
||||
position: absolute;
|
||||
top: -5px; /* Positioniert das Icon am oberen Rand des Bildes */
|
||||
right: -18px; /* Positioniert das Icon am rechten Rand des Bildes */
|
||||
color: #fff; /* Weiße Farbe für das Icon */
|
||||
background-color: rgba(0, 0, 0, 0.5); /* Halbtransparenter Hintergrund für bessere Sichtbarkeit */
|
||||
padding: 5px; /* Ein wenig Platz um das Icon */
|
||||
cursor: pointer; /* Verwandelt den Cursor in eine Hand, um Interaktivität anzudeuten */
|
||||
border-radius: 8px; /* Optional: Abrunden der linken unteren Ecke für ästhetische Zwecke */
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
quill-editor {
|
||||
width: 100%;
|
||||
}
|
||||
:host ::ng-deep .ng-select.ng-select-single .ng-select-container {
|
||||
height: 42px;
|
||||
}
|
||||
Reference in New Issue
Block a user