Skip to content

Commit

Permalink
Nav now respects other divs, added prompt component.
Browse files Browse the repository at this point in the history
Oia20 committed Apr 23, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent 56f0da0 commit 2141f1e
Showing 7 changed files with 32 additions and 10 deletions.
2 changes: 1 addition & 1 deletion CropSQL/Pages/Components/Header.razor.css
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
width: 100%;
height: 75px;
background-image: linear-gradient(140deg, #5e8d61,#5e8d61 );
border-bottom: 1px solid;
border-bottom: 2px solid;
border-color: #302910;
}

7 changes: 3 additions & 4 deletions CropSQL/Pages/Components/Home.razor
Original file line number Diff line number Diff line change
@@ -4,8 +4,7 @@
<PageTitle>CropSQL</PageTitle>
<WelcomeModal />
<Header />
<div class="container123">
<SideBarNav />
<h1 class="content1">Hello, world!</h1>
<p class="content1">
Welcome to crop sql!
</p>
<Prompt />
</div>
6 changes: 4 additions & 2 deletions CropSQL/Pages/Components/Home.razor.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
.content1 {
width: fit-content;
.container123 {
display: flex;
flex-direction: row;
width: 100%
}
4 changes: 4 additions & 0 deletions CropSQL/Pages/Components/Prompt.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
<div class="prompt">
<p>Let's start by creating your farm with "CREATE DATABASE" followed by the name of your farm.
ex: CREATE DATABASE myFarm; don't forget the semi-colon, this is how sql knows where your command ends.</p>
</div>
13 changes: 13 additions & 0 deletions CropSQL/Pages/Components/Prompt.razor.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.prompt {
background-image: linear-gradient(140deg, #a2b780, #5e8d61);
padding: 20px;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); /* Increased shadow */
border: 2px solid #5e8d61; /* Solid border */
margin: 5px;
width:80%;
height:fit-content;
margin:auto;
margin-top: 5px;
margin-bottom:5px;
}
7 changes: 5 additions & 2 deletions CropSQL/Pages/Components/SideBarNav.razor.css
Original file line number Diff line number Diff line change
@@ -2,11 +2,14 @@
.sidebar {
position:relative;
left: 0;
height:90vh;
top:0;
height:100vh;
width: 200px;
background-color: #333;
background-color: #5e8d61;
color: #fff;
padding-top: 20px;
border-right: 2px solid;
border-color: #302910;
}

.sidebar ul {
3 changes: 2 additions & 1 deletion CropSQL/wwwroot/css/app.css
Original file line number Diff line number Diff line change
@@ -2,8 +2,9 @@

html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
height:100vh;
height:auto;
background-image: linear-gradient(180deg, #a2b780, #5e8d61);
width:100%

}

0 comments on commit 2141f1e

Please sign in to comment.