diff options
Diffstat (limited to 'frontend/src/pages/courses.css')
-rw-r--r-- | frontend/src/pages/courses.css | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/frontend/src/pages/courses.css b/frontend/src/pages/courses.css new file mode 100644 index 0000000..053ac91 --- /dev/null +++ b/frontend/src/pages/courses.css @@ -0,0 +1,45 @@ + +/* Culorile săgeților active */ +.carousel-control-prev-icon, +.carousel-control-next-icon { + background-color: black; +} + +/* Culorile săgeților la hover */ +.carousel-control-prev:hover, +.carousel-control-next:hover { + background-color: darkgrey; +} + +/* Culorile săgeților inactive */ +.carousel-control-prev, +.carousel-control-next { + background-color: grey; +} +/* Adaugă acest cod CSS în fișierul tău de stiluri (de exemplu, App.css) */ + +/* Sageti de parcurgere - pozitionare mai in exterior */ +.carousel-control-prev, .carousel-control-next { + transform: translateY(250%); + } + + /* Sageti de parcurgere - setare distanta intre sageti si marginea carousel-ului */ + .carousel-control-prev { + margin-left: -3rem; /* Ajusteaza distanta pe orizontala la stanga */ + } + + .carousel-control-next { + margin-right: -3rem; /* Ajusteaza distanta pe orizontala la dreapta */ + } + /* Adaugă acest cod CSS în fișierul tău de stiluri (de exemplu, App.css) */ + +/* Stilizare dimensiune sageti de parcurgere */ +.carousel-control-prev, .carousel-control-next { + width: 50px; /* Lățimea săgeților */ + height: 50px; /* Înălțimea săgeților */ + font-size: 24px; /* Dimensiunea textului săgeților (dacă sunt utilizate iconițe) */ + line-height: 3rem; /* Ajustează înălțimea liniei pentru a centra textul (dacă sunt utilizate iconițe) */ + } + + /* Alte stilizari pot fi adaugate aici */ +
\ No newline at end of file |