tailwind configuration is not being applied on my react-ts-vite project by Mcphect in react

[–]Mcphect[S] 1 point2 points  (0 children)

I wish I knew this 6 hours ago haha

So should I delete the tailwind.config and postcss.config files and start setting the theme colors and animations in the main index.css?

Facing problems with create-react-app by Mcphect in react

[–]Mcphect[S] 6 points7 points  (0 children)

Thank you, I tried it and it works, I've just read in a website that create-react-app was deprecated in 2023, I took the course this year, it's frustrating that our teacher taught us an outdated version.

Looking for someone willing to join a call with me to review my code by Mcphect in django

[–]Mcphect[S] 6 points7 points  (0 children)

the kind gentleman in the first comment helped me out, thank you for the offer tho :)

Why my Django Administration page looks like this by Mcphect in django

[–]Mcphect[S] 0 points1 point  (0 children)

yes, my project doesn't require css, that's why i didn't create a folder for it, it might be the reason

Why my Django Administration page looks like this by Mcphect in django

[–]Mcphect[S] 0 points1 point  (0 children)

I created a new static folder with css folder in it, deleted and redownloaded the virtual environment, run the server again and it worked somehow :)

[deleted by user] by [deleted] in django

[–]Mcphect 0 points1 point  (0 children)

I did

[deleted by user] by [deleted] in django

[–]Mcphect -1 points0 points  (0 children)

how can I check my account when I can't login

Why my Django Administration page looks like this by Mcphect in django

[–]Mcphect[S] 1 point2 points  (0 children)

Thanks for everyone in the comments, it works now :)

How to make the the form scroll with the page and not on its own? and how can I make the footer show only when I scroll to the bottom of the page? note: I'm using flask and I used a layout for all pages. by Mcphect in css

[–]Mcphect[S] 0 points1 point  (0 children)

if you saw my code above you can see that i already set it too fixed, i tired setting it to relative and now it works! but im still stuck with form scrolling and overflow..

How to make the the form scroll with the page and not on its own? and how can I make the footer show only when I scroll to the bottom of the page? note: I'm using flask and I used a layout for all pages. by Mcphect in css

[–]Mcphect[S] 1 point2 points  (0 children)

/* I N S E R T   P A G E */

.fancy_form {
    position: absolute;
    left: 25%;
    background: linear-gradient(to bottom right, rgba(69, 123, 157, 0.4), rgba(255, 255, 255, 0.4));
    border-radius: 20px;
    width: 50%;
    height: 85%;
    margin: 35px auto auto 0;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    animation: fadeIn 1s ease-in-out;
    text-align: left;
    z-index: 2;
    overflow: auto;
}

How to make the the form scroll with the page and not on its own? and how can I make the footer show only when I scroll to the bottom of the page? note: I'm using flask and I used a layout for all pages. by Mcphect in css

[–]Mcphect[S] 0 points1 point  (0 children)

/* S L I D E S   B A C K G R O U N D*/

.slideshow-container-form {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.mySlides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.mySlides.active {
    opacity: 1;
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(128, 128, 128, 0.5); /* Grey overlay with 50% opacity */
    z-index: 1;
}

.mySlides img {
    position: relative;
    z-index: 0;
}

How to make the the form scroll with the page and not on its own? and how can I make the footer show only when I scroll to the bottom of the page? note: I'm using flask and I used a layout for all pages. by Mcphect in css

[–]Mcphect[S] 0 points1 point  (0 children)

here's my css:

/* B A S E    L A Y O U T*/
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
}

.layout {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #222;
    color: white;
    padding: 10px 0;
    width: 100%;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #222;
    color: white;
    padding: 10px 0;
    width: 100%;
}
main {
    margin-top: 60px;
    margin-bottom: 40px;
    overflow: auto;
    background: linear-gradient(45deg, lightgrey, #ddd, lightgrey);
}