diff --git a/src/QUI/Interview/Controls/IntervieweeData.largeImageTop.html b/src/QUI/Interview/Controls/IntervieweeData.LargeImageTop.html similarity index 100% rename from src/QUI/Interview/Controls/IntervieweeData.largeImageTop.html rename to src/QUI/Interview/Controls/IntervieweeData.LargeImageTop.html diff --git a/src/QUI/Interview/Controls/IntervieweeData.css b/src/QUI/Interview/Controls/IntervieweeData.css new file mode 100644 index 0000000000000000000000000000000000000000..ef5dcdfd0d00430704e5f2a26e2c321f90160e2f --- /dev/null +++ b/src/QUI/Interview/Controls/IntervieweeData.css @@ -0,0 +1,48 @@ +/* Interviewee template largeImageTop */ +.quiqqer-interview-control-interviewee-template__largeImageTop .quiqqer-interview-control-interviewee-image { + margin-bottom: var(--spacing, 1rem); +} + +.quiqqer-interview-control-interviewee-template__largeImageTop .quiqqer-interview-control-interviewee-image img { + object-fit: cover; + border-radius: 50%; + aspect-ratio: 1 / 1; + height: auto; +} + +.quiqqer-interview-control-interviewee-template__largeImageTop .quiqqer-interview-control-interviewee-short { + margin-top: var(--spacing, 1rem); +} + +/* Interviewee template largeImageLeft */ +.quiqqer-blog-control-author-template__largeImageLeft { + display: flex; +} + +.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image { + margin-right: var(--spacing, 1rem); + width: 120px; +} + +.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image img { + object-fit: cover; + border-radius: 50%; + aspect-ratio: 1 / 1; + height: auto; +} +/* Interviewee template smallImageLeft */ +.quiqqer-blog-control-author-template__smallImageLeft { + display: flex; +} + +.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image { + margin-right: var(--spacing, 1rem); +} + +.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image img { + object-fit: cover; + border-radius: 50%; + aspect-ratio: 1 / 1; + height: 30px; + width: 30px; +} \ No newline at end of file