All Questions
16 questions
-1
votes
1
answer
177
views
Why is the Footer.svelte for my Portfolio Page not being rendered?
The footer of the Website is not being rendered after deployment
UPDATED:
i have tried using vercel to see if was a git pages error but still the same issue persisted which leads me to believe i muse ...
1
vote
2
answers
250
views
Using string variables as classes
I am using sveltekit with tailwind-css
I want to be able to pass some behavior thru variables to the element
<script>
export let primary = 'fnt-blue-500';
export let accent = 'fnt-green-...
- 13
0
votes
1
answer
463
views
How to convert this html, css and js to a svelte format with style lang="postcss" (for tailwind)?
I'm trying to convert this sparkle button from a codepen that I found into a svelte component, but when I do it some how the sparkles dont show. Not sure if it matter but im using tailwind css as well,...
- 71
1
vote
1
answer
2k
views
DaisyUI Dropdown Exceeding screen
I am using DaisyUI to implement dropdown menus in my web application. However, on mobile, the dropdown exceeds the bounds of the screen. I've tried a number of solutions. It seems Daisy UI dropdowns ...
- 11
-1
votes
1
answer
71
views
Element clips contents while transitioning
I'm trying to build a generic Tabs component for my project with Svelte and TailwindCSS. When a tab is selected, I'd like the current contents to move as if they where being dragged by the new ...
- 1,419
0
votes
1
answer
1k
views
Make drawer not visible on certain pages
I've created a drawer using daisyUI (which uses Tailwind css). It looks something like this:
<div class="drawer drawer-mobile">
<!-- hidden checkbox to toggle the visibility of ...
- 1,333
2
votes
1
answer
111
views
Buttons stop working when I add new div element
I am using sveltekit, typscript, and tailwind for this. Ok, I have a website that I am making and I have buttons that have no background and are formated like this:
When opened
- Label
stuff
when ...
- 140
1
vote
1
answer
1k
views
Popup popping up under div html, svelte, tailwind css
I'm trying to make a website using svelte and tailwind. I made a little popup that pops up when you hover over the home icon. But when I later added a div it pops up under the div and does not show ...
- 140
-2
votes
1
answer
2k
views
Change background color of HTML element if in Tailwind dark mode in Svelte [closed]
Here is my website: https://personal-website-1ss.pages.dev/ If you go to the bottom of the page you can see the margin at the bottom is still white even in dark mode. This can be changed when you ...
- 45
0
votes
1
answer
3k
views
Tailwind producing weirdly different results on Chrome and Firefox
I have been creating a website using SvelteKit and TailwindCSS and mainly using Google Chrome. I opened the website in Firefox for a change and it produced wildly different results!
The top bar on ...
- 83
7
votes
2
answers
29k
views
How to put my text in a single line in tailwind css?
I want the result to be like this
but this is what i get
with my svelte code:
<div
style="background-image: url('{unsplash?.url}');"
class="bg-black flex items-center justify-...
- 167
1
vote
1
answer
751
views
Can you server side render a svelte component and include Tailwind CSS typography CSS for the sendgrid email API?
Is it possible to render a svelte componet server-side, and send the HTML with matching CSS to Sendgrid? My use case is that I would like to send an auto-generated email when a new comment is made in ...
- 3,463
0
votes
1
answer
3k
views
Scroll capturing not working because the Svelte slot is inside the Drawer component (Header)
I was searching for a way to scroll to an element in order to trigger an event. I noticed a lot of the examples' scrollTo(), scrollBy(), etc. wouldn't work (except scrollByView() when called via on:...
- 674
0
votes
3
answers
196
views
How to make remove text with animation from navbar
Hello I want to make this navbar for phones which will cut out the text when the user scrolls down but I'm very confused on how can I do it because if I just move navbar up it will start cutting out ...
- 745
2
votes
1
answer
158
views
Unable to get access of css file trough html
I'm trying to access main.css from app.html in order to make Tailwind CSS work because if I put it in style brackets in .svelte file its self then it just gives me an error, dose any one know why
<...
- 745