timetracker/common/input.css

71 lines
1.3 KiB
CSS
Raw Normal View History

2022-12-31 13:18:27 +00:00
@tailwind base;
@tailwind components;
2023-01-03 18:01:10 +00:00
@tailwind utilities;
form label {
2023-01-05 21:00:08 +00:00
@apply dark:text-slate-400;
2023-01-03 18:01:10 +00:00
}
2023-01-05 21:00:08 +00:00
form input,
select,
textarea {
@apply dark:border dark:border-slate-900 dark:bg-slate-500 dark:text-slate-100;
2023-01-03 18:01:10 +00:00
}
@media screen and (min-width: 768px) {
form input,
select,
textarea {
width: 300px;
}
}
@media screen and (max-width: 768px) {
form input,
select,
textarea {
width: 150px;
}
}
2023-01-05 21:00:08 +00:00
#session-table {
display: grid;
2023-02-20 16:13:21 +00:00
grid-template-columns: 3fr 2fr repeat(2, 1fr) 0.5fr 1fr;
}
2023-02-19 15:18:14 +00:00
.purchase-name > span:nth-child(2) {
@apply ml-4
}
.purchase-name > span:nth-child(2) > a > img {
@apply opacity-0 transition-opacity duration-500
}
.purchase-name:hover > span:nth-child(2) > a > img {
@apply opacity-50
}
.purchase-name > span:nth-child(2) > a > img:hover {
@apply opacity-100
2023-01-05 21:00:08 +00:00
}
#button-container button {
@apply mx-1;
}
2023-02-18 21:36:26 +00:00
th {
@apply text-right;
2023-02-18 21:36:26 +00:00
}
th label {
@apply mr-4;
}
.basic-button-container {
@apply flex space-x-2 justify-center
}
.basic-button {
@apply inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out;
}