Вопросы с меткой [tailwindcss]
TailwindCSS – это CSS-библиотека, которая упрощает стилизацию HTML, тем же путем, как это делает Bootstrap, – добавляя огромное количество разнообразных классов. Но, в отличие от Bootstrap, который добавляет уже готовые к употреблению компоненты, такие как кнопки, алерты и навбары, классы TailwindCSS нацелены на конкретное свойство. В TailwindCSS нет заранее написанной кнопки, её ты должен сделать сам.
30 вопросов
- Конкурсные 0
- Неотвеченные
- Цитируемые
- Рейтинг
- Популярные
- За неделю
- За месяц
- Неотвеченные (мои метки)
0
голосов
0
ответов
20
показов
Почему при последующих рендерах ширина правильная у второго элемента, а при первом нет? (ReactJS, useLayout, useRef)
Имеется такой код, при использовании useLayoutEffect, он должен подсчитать мне ширину каждого option, и при нажатии добавить ширину предшествующих элементов, чтобы выбрать текущий option, но при ...
1
голос
0
ответов
34
показа
Класс dark: перебивает дефолтный bg-
Есть header, который при светлой теме (для смены тем используется "next-themes"), должен быть просто белым bg-white, а при темной теме dark:bg-black.
<header className="flex justify-...
1
голос
1
ответ
90
показов
Как вставить значение из react компонента в класс tailwind css
В моем приложении планируется смена цветовой темы. Темы хранятся в виде js объекта и импортируются в компонент react. Я делаю кнопки в шапке приложения из svg картинок, вставленных прямо в код. Svg ...
0
голосов
1
ответ
90
показов
Какие сдалать, что бы текст ссылки был прижат к вверхнему краю, а стрелка находилась по уровню нижней границе строки текста тэга li?
необходимо выставить стрелку и текст ссылки на одном уровне. Не понимаю, как это сделать, стили брал вот с этого сайта https://monogrid.com/en/ (снизу, из Footer), у них текст ссылки прижат (смещен) к ...
0
голосов
1
ответ
54
показа
TailwindCSS Masonry Grid
готов заплатить с решение проблемы и помощи мне(я не сильно разбираюсь):
допустим есть грид на 5 колонок на 10 элементов:
<div class="columns-5 gap-5">
<img src="https://i....
0
голосов
0
ответов
76
показов
Как расположить текст в кнопке (button) на одном уровне (по baseline) с текстом тега <p>?
Здравствуйте, как установить текст в кнопке (button) на одном уровне (по baseline) с тегом "p". Почему-то inline-flex поднимает кнопку на пару пикселей. Какой стиль необходимо применить к ...
1
голос
1
ответ
377
показов
Border gradient используя tailwind
Всем привет,
использую данный код для добавления градиента к элементу но видна белая полоска, как можно решить данную проблему
body {
display: flex;
align-items: center;
justify-content: ...
0
голосов
1
ответ
77
показов
Как правильно написать функцию, что бы каждая кнопка по клику выдавала своё описание? А на данный момент все одним разом показывает
Я пробовала писать такие же функции js, но не работает как нужно
<template>
<div class="flex justify-center items-center">
<div class="relative my-7 mr-7">
...
0
голосов
1
ответ
222
показа
Не убирается outline или border у input:focus
верстаю сейчас на Tailwind, и при фокусе на инпуте у него бордер синий, я хочу его убрать, пишу в css input:focus { outline: none !important; border: none !important; }
А он все равно не убирается
0
голосов
1
ответ
67
показов
Почему при добавлении overflow-y-hidden так же скрывается горизонтальная часть
В стилях добавил только overflow-y: hidden, но почему-то вместе с этим скрывается и горизонтальная часть. overflow-x: visible не помогает
0
голосов
0
ответов
32
показа
Задать одному элементу одну ширину, другому другую
<template>
<div>
<table class="inspection-data-grid">
<thead v-if="!readOnly">
<th class="w-1/5">
{{ $t("dictionary.normatives") }}
&...
0
голосов
1
ответ
314
показов
backdrop-filter не применяется к блоку
Пробовал и inline стилями дать и так не применяется
0
голосов
1
ответ
529
показов
Как сконфигурировать tailwindcss под "Bitrix управление сайтом"?
В документации к tailwindcss указано, что нужно перечислить все файлы в которых нужно искать стили.
Однако Битрикс устроен так, что прямо в корне проекта лежат папки, и добавлять их все руками ...
0
голосов
1
ответ
68
показов
Как сделать, чтобы контейнер было видно только внутри карточек
Есть контейнер, внутри (или поверх) которого располагаются карточки.
Вопрос в том как сделать так, чтобы пространство между карточками было белым (или просто не отображался контейнер) а внутри самих ...
0
голосов
1
ответ
107
показов
Адаптив во Vue3 использую tailwindcss
<div
class="justify-between"
:style="[ mainStore.getCollapsed ? 'width: 93vw' : 'width: 83vw']"
>
<div/>
Всем привет,такой вопрос. Необходимо сделать адаптив страницы. В ...