diff --git a/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.css b/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.css new file mode 100644 index 0000000000000000000000000000000000000000..2d1d27eb3160e3587f54fff7cf585ee86d414f54 --- /dev/null +++ b/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.css @@ -0,0 +1,9 @@ +.quiqqer-interview-interviewee-row { + display: flex; + flex-direction: row; +} + +.quiqqer-interview-interviewee-image { + width: 50px; + height: 50px; +} \ No newline at end of file diff --git a/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.html b/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.html new file mode 100644 index 0000000000000000000000000000000000000000..70c3a880b3f34de8edbdb0da7ce72fa1916da74b --- /dev/null +++ b/src/QUI/Interview/Controls/IntervieweeData.smallImageLeft.html @@ -0,0 +1,18 @@ +<div class="quiqqer-interview-interviewee"> + + <div class="quiqqer-interview-interviewee-row"> + <div class="quiqqer-interview-interviewee-image"> + {image src=$intervieweeAvatar width=300 height=300 loading="lazy"} + </div> + + <div class="quiqqer-interview-interviewwe-content"> + <div class="quiqqer-interview-interviewee-name"> {$intervieweeName} </div> + <div class="quiqqer-interview-interviewee-additionalInfo"> {$intervieweeAdditionalInfo} </div> + </div> + </div> + + <div class="quiqqer-interview-interviewee-description"> + {$intervieweeDescription} + </div> + +</div> \ No newline at end of file