lopar/battles
lopar
/
battles
0
0
Fork 0
Code Issues 21 Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
classes/User.php
View File

@ -295,7 +295,16 @@ USERINFO;
echo sprintf('<img src="i/zodiac/%s.png" alt="Родовой знак">', star_sign($this->borndate));
echo '</div>';
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
<hr>
Уровень {$this->level} <br>
Сила {$this->strength} <br>
Ловкость {$this->dexterity} <br>

14
css/main.css
View File

@ -370,11 +370,25 @@ div.user-info-container > div.slot-lower {
text-align: center;
}
div.user-info-container > div.slot-lower > img {
margin: 1px;
}
div.user-info-container > div.user-info {
grid-column: 4;
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 {
grid-column: 5;
grid-row: 1 / 6;