<table class="table">
<tr>
<td class="moccasin" colspan="2"> </th>
<td class="greenyellow"> </th>
</tr>
<tr>
<td class="moccasin" rowspan="2"> </td>
<td class="cyan" colspan="2"></td>
</tr>
<tr>
<td class="cyan"> </td>
<td class="greenyellow"> </td>
</tr>
</table>
<style>
.table {
width: 300px;
height: 300px;
border-spacing: 5px;
border-collapse: separate;
border: none;
}
.table td {
width: 33%;
height: 33%;
}
.moccasin {
background: moccasin;
}
.greenyellow {
background: greenyellow;
}
.cyan {
background: cyan;
}
</style>размер отступа между кнопками, должен зависеть не только от ширина браузера, но и от размеров самих кнопок
.block {
--btn-width: 10vw;
--gap: 1.25vw;
background: red;
padding: var(--gap);
display: inline-flex;
box-sizing: border-box;
gap: var(--gap);
}
button {
width: var(--btn-width);
height: var(--btn-width);
margin: 0;
flex-shrink: 0;
}where = []
if username:
where.append("username = '%s'" % username)
if email:
where.append("email = '%s'" % email)
if id:
where.append("id = '%s'" % id)
...
whereString = "WHERE " + " AND ".join(where);where = []
where.append("1 = 1")
if username:
...const els = [
["author", "Author - "],
["name", "Name"],
["currentTime", "00:00"],
["duration", "00:00"],
];
els.forEach(el => {
titleElement.appendChild(
create({
el: "span",
className: el[0],
text: el[1],
})
);
})const els = [
{ el: "span", className: "author", text: "Author - " },
{ el: "span", className: "name", text: "Name" },
{ el: "span", className: "currentTime", text: "00:00" },
{ el: "span", className: "duration", text: "00:00" },
];
els.forEach( el => titleElement.appendChild( create(el) ) );function renderTitle (d) {
return `
<div class="title">
<span class="currentTime">${d.time}</span>
<span class="author">${d.author}</span> –
<span class="name">${d.name}</span>
<span class="duration">${d.duration}</span>
</div>
`;
}
xxx.insertAdjacentHTML('beforeend', renderTitle({
author: 'Author - ',
name: 'Name',
time: '00:00',
duration: '00:00',
}));const numberOfEntries = history.length;
git clone ...composer installphp artisan storage:linknpm install
npm run build.env, внеся в него необходимые настройки подключения к БД и прочие.php artisan migrate
php artisan db:seedТ.к. например, при правке стилей класс найти проще, если стили написаны без вложенности.
Не совсем понял зачем так делать,
/*
* Этот файл НЕ используется в сборке.
* Он нужен только для корректного автокомплита в IDE phpStorm.
* Эта IDE почему-то не работает как следует, при указании реально использующегося
* файла концигурации, расположенного не в корне проекта (node_modules/laravel-mix/setup/webpack.config.js)
*/
const path = require('path');
module.exports = {
resolve: {
extensions: ['*', '.wasm', '.mjs', '.js', '.jsx', '.json', '.vue'],
alias: {
'vue$': 'vue/dist/vue.runtime.esm.js',
'@': path.join(__dirname, 'src'),
},
},
};