-
Book Overview & Buying
-
Table Of Contents
Full-Stack Web Development with TypeScript 5
By :
We’ve already included our styles in the right places in the components, so what is left for us to do is to actually implement the styling. We will start with app.css, which we import into our main file, which means that it’s going to be applied to all of our components in the application. We will put there the styles that we want to be shared across all the components.
The following code lines mean that the children of the form will be laid out in a column, one below the other:
src/app.css
form {
display: flex;
flex-direction: column;
} The following lines give the input fields a certain amount of space around them, padding inside them, a border, and rounded corners:
input {
margin-bottom: 10px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
} The button style sets several properties to style the buttons:
button...