Flexbox для статов

This commit is contained in:
lopar 2020-07-05 18:45:59 +03:00
parent beaaafa8d8
commit de05d94bd4
2 changed files with 23 additions and 0 deletions

View File

@ -295,7 +295,16 @@ USERINFO;
echo sprintf('<img src="i/zodiac/%s.png" alt="Родовой знак">', star_sign($this->borndate)); echo sprintf('<img src="i/zodiac/%s.png" alt="Родовой знак">', star_sign($this->borndate));
echo '</div>'; echo '</div>';
echo '<div class="user-info">'; echo '<div class="user-info">';
echo '<div class="stats-container">';
echo '<div class="column">';
echo 'Уровень<br>Сила<br>Ловкость<br>Интуиция<br>Выносливость<br>Интеллект<br>Мудрость<br>Находится в:';
echo '</div>';
echo '<div class="column">';
echo $this->level.PHP_EOL.$this->strength.PHP_EOL.$this->dexterity.PHP_EOL.$this->intuition.PHP_EOL.$this->endurance.PHP_EOL.$this->intelligence.PHP_EOL.$this->wisdom.PHP_EOL.$this->getRoomName($this->room);
echo '</div>';
echo '</div>';
echo <<<USERINFO echo <<<USERINFO
<hr>
Уровень {$this->level} <br> Уровень {$this->level} <br>
Сила {$this->strength} <br> Сила {$this->strength} <br>
Ловкость {$this->dexterity} <br> Ловкость {$this->dexterity} <br>

View File

@ -370,11 +370,25 @@ div.user-info-container > div.slot-lower {
text-align: center; text-align: center;
} }
div.user-info-container > div.slot-lower > img {
margin: 1px;
}
div.user-info-container > div.user-info { div.user-info-container > div.user-info {
grid-column: 4; grid-column: 4;
grid-row: 1 / 6; grid-row: 1 / 6;
} }
div.user-info-container > div.user-info > div.stats-container {
display: flex;
width: 350px;
}
div.user-info-container > div.user-info > div.stats-container > div.column {
flex: 50%;
padding: 10px;
}
div.user-info-container > div.user-signs { div.user-info-container > div.user-signs {
grid-column: 5; grid-column: 5;
grid-row: 1 / 6; grid-row: 1 / 6;