Model Examples
m ((username removed) (log details removed)) |
No edit summary |
||
| Line 197: | Line 197: | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
} | |||
.search-container { | |||
display: flex; | |||
align-items: center; | |||
border-radius: 4px; | |||
border: 1px solid #E3E8EE; | |||
background: #FFF; | |||
width: 951px; | |||
height: 36px; | |||
flex-shrink: 0; | |||
} | |||
.search-container input[type="search"] { | |||
border: none; | |||
outline: none; | |||
width: 100%; | |||
padding: 0 10px; | |||
height: 100%; | |||
color: #999B9E; /* Placeholder text color */ | |||
} | |||
.search-container svg { | |||
margin: 0 10px; | |||
} | |||
/* Change placeholder color */ | |||
.search-container input::placeholder { | |||
color: #999B9E; | |||
} | |||
/* If you want to ensure that the input does not have border in any browser */ | |||
.search-container input:focus { | |||
border: none; | |||
outline: none; | |||
} | } | ||
</style> | </style> | ||
| Line 211: | Line 246: | ||
<main> | <main> | ||
<div class="search-container"> | <div class="search-container"> | ||
< | <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> | ||
<path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> | |||
</svg> | |||
<input type="search" placeholder="Search here..."> | |||
</div> | |||
<!-- Section for Complete Models --> | <!-- Section for Complete Models --> | ||
<section id="complete-models"> | <section id="complete-models"> | ||
Revision as of 18:33, 8 November 2023
Model Samples
MODEL SAMPLES
Get started with MDriven sample models.
Explore our models and choose what you want to build..
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Test
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip