eatvio-infra/resources/views/livewire/portion-show.blade.php

	<div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
			<div class="d-flex px-md-5 justify-content-between align-items-center flex-wrap flex-lg-nowrap flex-column-reverse flex-lg-row overflow-x-xs-scroll">
				<ul class="nav nav-pills flex-nowrap --bordered --radius --tabs_blue" id="pills-tab" role="tablist">
					<li class="nav-item" role="presentation">
						<button class="btn-lg px-md-4 nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-0" type="button" role="tab" aria-controls="pills-0" aria-selected="true"><small>Завтрак</small></button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="btn-lg px-md-4 nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="false"><small>Обед</small></button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-2" aria-selected="false"><small>Ужин</small></button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-3" aria-selected="false"><small>Ланч</small></button>
					</li>
					<li class="nav-item" role="presentation">
						<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-4" aria-selected="false"><small>Закуски</small></button>
					</li>
				</ul>
				<div class="d-flex mb-3 mb-lg-0 align-items-center">
					<div class="d-flex align-items-center">
						<small>Сытность:</small><span class="ms-2 fs-5 --f_bold --f_blue">1</span>
					</div>
					<div class="d-flex mx-3 align-items-center">
						<small>Настроение:</small><span class="ms-2 fs-5 --f_bold --f_blue">1</span>
					</div>
					<div class="d-flex align-items-center">
						<svg width="23" height="22"><use xlink:href="#Time"></use></svg>
						<span class="ms-2 fs-5 --f_bold --f_blue">6:45</span>
					</div>
				</div>
			</div>

			<div class="mt-3">
				<div class="tab-content" id="pills-tabContent">
					<div class="tab-pane fade show active" id="pills-0" role="tabpanel" aria-labelledby="pills-0-tab">
						<table class="table --table_blue mb-0 fs-4_5 --f_bold">
							<tr>
								<td class="ps-md-5 w-50">Scrambled eggs</td>
								<td class="pe-md-5 w-50 text-end">2 pcs.</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
								<td class="pe-md-5 text-end">1 cup</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Sweet corn</td>
								<td class="pe-md-5 text-end">200 gr</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Chocolate browny</td>
								<td class="pe-md-5 text-end">1 pcs.</td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
						<table class="table --table_blue mb-0 fs-4_5 --f_bold">
							<tr>
								<td class="ps-md-5 w-50">Scrambled eggs</td>
								<td class="pe-md-5 w-50 text-end">2 pcs.</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
								<td class="pe-md-5 text-end">1 cup</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Sweet corn</td>
								<td class="pe-md-5 text-end">200 gr</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Chocolate browny</td>
								<td class="pe-md-5 text-end">1 pcs.</td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab">
						<table class="table --table_blue mb-0 fs-4_5 --f_bold">
							<tr>
								<td class="ps-md-5 w-50">Scrambled eggs</td>
								<td class="pe-md-5 w-50 text-end">2 pcs.</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
								<td class="pe-md-5 text-end">1 cup</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Sweet corn</td>
								<td class="pe-md-5 text-end">200 gr</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Chocolate browny</td>
								<td class="pe-md-5 text-end">1 pcs.</td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab">
						<table class="table --table_blue mb-0 fs-4_5 --f_bold">
							<tr>
								<td class="ps-md-5 w-50">Scrambled eggs</td>
								<td class="pe-md-5 w-50 text-end">2 pcs.</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
								<td class="pe-md-5 text-end">1 cup</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Sweet corn</td>
								<td class="pe-md-5 text-end">200 gr</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Chocolate browny</td>
								<td class="pe-md-5 text-end">1 pcs.</td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab">
						<table class="table --table_blue mb-0 fs-4_5 --f_bold">
							<tr>
								<td class="ps-md-5 w-50">Scrambled eggs</td>
								<td class="pe-md-5 w-50 text-end">2 pcs.</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
								<td class="pe-md-5 text-end">1 cup</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Sweet corn</td>
								<td class="pe-md-5 text-end">200 gr</td>
							</tr>
							<tr>
								<td class="ps-md-5 w-50">Chocolate browny</td>
								<td class="pe-md-5 text-end">1 pcs.</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>