Вывод аватара

[Kamasytra]

Доброго времени суток.
Имеется код:

                <div class="resourceBody-sidebar">
                    <div class="resourceSidebarGroup">
                        <div class="secondaryContent">
                            <h3><span class="outer"><span class="inner">Автор</span></span></h3>
                          
                        <div class="resource-info-details">     
                                <div class="resource-detail resource-detail--author">
                                <dd><xf:username user="{$resource.User}" defaultname="{$resource.username}" /></dd>
                                      
                                </div>
                            </div>

Спойлер: Скрин

Как выше ника вывести аватарку пользователя.

всю голову вы"бал уже.

 

[baltun]

Ну наверное так нужно вывести:

                <div class="resourceBody-sidebar">
                    <div class="resourceSidebarGroup">
                        <div class="secondaryContent">
                            <h3><span class="outer"><span class="inner">Автор</span></span></h3>
                         
                            <xf:avatar user="$resource.User" size="s" defaultname="{$resource.username}" />

                        <div class="resource-info-details">    
                                <div class="resource-detail resource-detail--author">
                                <dd><xf:username user="{$resource.User}" defaultname="{$resource.username}" /></dd>
                                     
                                </div>
                            </div>

 

[Kamasytra]

@baltun, так куда лучше будет. Что бы ник был четко под аватаркой

                <div class="resourceBody-sidebar">
                    <div class="resourceSidebarGroup">
                        <div class="secondaryContent">
                            <h3><span class="outer"><span class="inner">Автор</span></span></h3>
                                                    <div class="resource-info-details"> 
                            <div class="resource-detail resource-detail--author">
                                <xf:avatar user="$resource.User" size="s" defaultname="{$resource.username}" /><br>
                                <xf:username user="{$resource.User}" defaultname="{$resource.username}" />
                                    
                                </div>

 

[Topik]

@baltun, так куда лучше будет. Что бы ник был четко под аватаркой

                <div class="resourceBody-sidebar">
                    <div class="resourceSidebarGroup">
                        <div class="secondaryContent">
                            <h3><span class="outer"><span class="inner">Автор</span></span></h3>
                                                    <div class="resource-info-details">
                            <div class="resource-detail resource-detail--author">
                                <xf:avatar user="$resource.User" size="s" defaultname="{$resource.username}" /><br>
                                <xf:username user="{$resource.User}" defaultname="{$resource.username}" />
                                   
                                </div>

.resource-detail.resource-detail--author {
    display: flex;
    flex-direction: column;
    align-items: center;
}

 

[Kamasytra]

.resource-detail.resource-detail--author {
    display: flex;
    flex-direction: column;
    align-items: center;
}

не прям красиво стало после добавления данного css. Пробел стал большим.

 

[Topik]

<xf:avatar user="$resource.User" size="s" defaultname="{$resource.username}" /><br>

<br> в конце уберите, он и делает этот пробел)