refactor: Code refactor [IntervieweeData] #2

src/QUI/Interview/Controls/IntervieweeData.LargeImageLeft.html

+<div class="quiqqer-interview-control-interviewee-template__largeImageLeft">
+    <div class="quiqqer-interview-control-interviewee-image">
+        {image src=$intervieweeAvatar width="200" height="200" loading="lazy"}
+    </div>
+
+    <div class="quiqqer-interview-control-interviewee-content">
+        <p class="quiqqer-interview-control-interviewee-name">{$intervieweeName}</p>
+        <p class="quiqqer-interview-control-interviewee-additionalInfo">{$intervieweeAdditionalInfo}</p>
+
+        {if $intervieweeDescription}
+        <div class="quiqqer-interview-control-interviewee-content-short">{$intervieweeDescription}</div>
+        {/if}
+    </div>
+</div>
\ No newline at end of file

src/QUI/Interview/Controls/IntervieweeData.css

@@ -15,31 +15,31 @@
 }
 
 /* Interviewee template largeImageLeft */
-.quiqqer-blog-control-author-template__largeImageLeft {
+.quiqqer-interview-control-interviewee-template__largeImageLeft {
     display: flex;
 }
 
-.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image {
+.quiqqer-interview-control-interviewee-template__largeImageLeft .quiqqer-interview-control-interviewee-image {
     margin-right: var(--spacing, 1rem);
     width: 120px;
 }
 
-.quiqqer-blog-control-author-template__largeImageLeft .quiqqer-blog-control-author-image img {
+.quiqqer-interview-control-interviewee-template__largeImageLeft .quiqqer-interview-control-interviewee-image img {
     object-fit: cover;
     border-radius: 50%;
     aspect-ratio: 1 / 1;
     height: auto;
 }
 /* Interviewee template smallImageLeft */
-.quiqqer-blog-control-author-template__smallImageLeft {
+.quiqqer-interview-control-interviewee-template__smallImageLeft {
     display: flex;
 }
 
-.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image {
+.quiqqer-interview-control-interviewee-template__smallImageLeft .quiqqer-interview-control-interviewee-image {
     margin-right: var(--spacing, 1rem);
 }
 
-.quiqqer-blog-control-author-template__smallImageLeft .quiqqer-blog-control-author-image img {
+.quiqqer-interview-control-interviewee-template__smallImageLeft .quiqqer-interview-control-interviewee-image img {
     object-fit: cover;
     border-radius: 50%;
     aspect-ratio: 1 / 1;

src/QUI/Interview/Controls/IntervieweeData.largeImageLeft.html

-<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